Under Blue Green

.gradient {
  background-image: linear-gradient(90deg, #051937 0%, #051c3b 1.79%, #052040 3.57%, #052345 5.36%, #052749 7.14%, #052b4e 8.93%, #052e53 10.71%, #053257 12.5%, #05365c 14.29%, #043a61 16.07%, #043d66 17.86%, #03416b 19.64%, #024570 21.43%, #014975 23.21%, #004d7a 25%, #00517c 26.79%, #00557e 28.57%, #005980 30.36%, #005d81 32.14%, #006283 33.93%, #006685 35.71%, #006a87 37.5%, #006e89 39.29%, #00728a 41.07%, #00768c 42.86%, #007a8e 44.64%, #007f90 46.43%, #008391 48.21%, #008793 50%, #008b91 51.79%, #008f90 53.57%, #00938e 55.36%, #00978c 57.14%, #009b8a 58.93%, #009f88 60.71%, #00a386 62.5%, #00a783 64.29%, #00ab81 66.07%, #00af7e 67.86%, #00b37b 69.64%, #00b778 71.43%, #00bb75 73.21%, #00bf72 75%, #25c26f 76.79%, #37c56c 78.57%, #45c968 80.36%, #51cc65 82.14%, #5bcf61 83.93%, #65d25c 85.71%, #6fd557 87.5%, #78d852 89.29%, #80dc4c 91.07%, #88df45 92.86%, #91e23d 94.64%, #99e533 96.43%, #a0e827 98.21%, #a8eb12 100%);
  background-image: linear-gradient(90deg in oklab, #051937 0%, #004d7a 25%, #008793 50%, #00bf72 75%, #a8eb12 100%);
}

bg-[linear-gradient(90deg_in_oklab,#051937_0%,#004d7a_25%,#008793_50%,#00bf72_75%,#a8eb12_100%)]

<svg xmlns="http://www.w3.org/2000/svg" width="1440" height="600" viewBox="0 0 1440 600"><defs><linearGradient id="bs-gradient" gradientUnits="userSpaceOnUse" x1="0" y1="300" x2="1440" y2="300"><stop offset="0%" stop-color="#051937"/><stop offset="1.79%" stop-color="#051c3b"/><stop offset="3.57%" stop-color="#052040"/><stop offset="5.36%" stop-color="#052345"/><stop offset="7.14%" stop-color="#052749"/><stop offset="8.93%" stop-color="#052b4e"/><stop offset="10.71%" stop-color="#052e53"/><stop offset="12.5%" stop-color="#053257"/><stop offset="14.29%" stop-color="#05365c"/><stop offset="16.07%" stop-color="#043a61"/><stop offset="17.86%" stop-color="#043d66"/><stop offset="19.64%" stop-color="#03416b"/><stop offset="21.43%" stop-color="#024570"/><stop offset="23.21%" stop-color="#014975"/><stop offset="25%" stop-color="#004d7a"/><stop offset="26.79%" stop-color="#00517c"/><stop offset="28.57%" stop-color="#00557e"/><stop offset="30.36%" stop-color="#005980"/><stop offset="32.14%" stop-color="#005d81"/><stop offset="33.93%" stop-color="#006283"/><stop offset="35.71%" stop-color="#006685"/><stop offset="37.5%" stop-color="#006a87"/><stop offset="39.29%" stop-color="#006e89"/><stop offset="41.07%" stop-color="#00728a"/><stop offset="42.86%" stop-color="#00768c"/><stop offset="44.64%" stop-color="#007a8e"/><stop offset="46.43%" stop-color="#007f90"/><stop offset="48.21%" stop-color="#008391"/><stop offset="50%" stop-color="#008793"/><stop offset="51.79%" stop-color="#008b91"/><stop offset="53.57%" stop-color="#008f90"/><stop offset="55.36%" stop-color="#00938e"/><stop offset="57.14%" stop-color="#00978c"/><stop offset="58.93%" stop-color="#009b8a"/><stop offset="60.71%" stop-color="#009f88"/><stop offset="62.5%" stop-color="#00a386"/><stop offset="64.29%" stop-color="#00a783"/><stop offset="66.07%" stop-color="#00ab81"/><stop offset="67.86%" stop-color="#00af7e"/><stop offset="69.64%" stop-color="#00b37b"/><stop offset="71.43%" stop-color="#00b778"/><stop offset="73.21%" stop-color="#00bb75"/><stop offset="75%" stop-color="#00bf72"/><stop offset="76.79%" stop-color="#25c26f"/><stop offset="78.57%" stop-color="#37c56c"/><stop offset="80.36%" stop-color="#45c968"/><stop offset="82.14%" stop-color="#51cc65"/><stop offset="83.93%" stop-color="#5bcf61"/><stop offset="85.71%" stop-color="#65d25c"/><stop offset="87.5%" stop-color="#6fd557"/><stop offset="89.29%" stop-color="#78d852"/><stop offset="91.07%" stop-color="#80dc4c"/><stop offset="92.86%" stop-color="#88df45"/><stop offset="94.64%" stop-color="#91e23d"/><stop offset="96.43%" stop-color="#99e533"/><stop offset="98.21%" stop-color="#a0e827"/><stop offset="100%" stop-color="#a8eb12"/></linearGradient></defs><rect width="1440" height="600" fill="url(#bs-gradient)"/></svg>

{
  "under-blue-green": {
    "$type": "gradient",
    "$value": [
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.02,
            0.098,
            0.216
          ],
          "hex": "#051937"
        },
        "position": 0
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.302,
            0.478
          ],
          "hex": "#004d7a"
        },
        "position": 0.25
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.529,
            0.576
          ],
          "hex": "#008793"
        },
        "position": 0.5
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0,
            0.749,
            0.447
          ],
          "hex": "#00bf72"
        },
        "position": 0.75
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.659,
            0.922,
            0.071
          ],
          "hex": "#a8eb12"
        },
        "position": 1
      }
    ],
    "$extensions": {
      "com.brandsweets": {
        "kind": "linear",
        "css": "linear-gradient(90deg in oklab, #051937 0%, #004d7a 25%, #008793 50%, #00bf72 75%, #a8eb12 100%)",
        "interpolation": "oklab",
        "angle": 90,
        "name": "Under Blue Green",
        "contrast": {
          "white": {
            "ratio": 1.443,
            "at": 1,
            "passesAA": false,
            "passesAALarge": false
          },
          "black": {
            "ratio": 1.201,
            "at": 0,
            "passesAA": false,
            "passesAALarge": false
          },
          "suggestedInk": "#ffffff"
        }
      }
    },
    "$description": "Under Blue Green (uiGradients, MIT), rendered in OKLab."
  }
}