Elate The Euge

.gradient {
  background-image: linear-gradient(90deg, #8bdeda 0%, #86dad9 1.79%, #81d7d9 3.57%, #7cd3d8 5.36%, #78d0d8 7.14%, #73cdd7 8.93%, #6ec9d6 10.71%, #69c6d6 12.5%, #64c2d5 14.29%, #5ebfd4 16.07%, #59bbd3 17.86%, #54b8d2 19.64%, #4eb4d2 21.43%, #49b1d1 23.21%, #43add0 25%, #4dabd1 26.79%, #56a9d2 28.57%, #5ea7d4 30.36%, #65a5d5 32.14%, #6ca3d6 33.93%, #72a1d7 35.71%, #789ed8 37.5%, #7d9cd9 39.29%, #829ada 41.07%, #8798dc 42.86%, #8c95dd 44.64%, #9093de 46.43%, #9591df 48.21%, #998ee0 50%, #9f8dde 51.79%, #a48cdc 53.57%, #aa8bda 55.36%, #af8ad8 57.14%, #b489d5 58.93%, #ba88d3 60.71%, #bf87d1 62.5%, #c486cf 64.29%, #c985cd 66.07%, #ce83cb 67.86%, #d382c9 69.64%, #d780c6 71.43%, #dc7fc4 73.21%, #e17dc2 75%, #e27fbf 76.79%, #e381bc 78.57%, #e482b9 80.36%, #e584b5 82.14%, #e686b2 83.93%, #e787af 85.71%, #e889ac 87.5%, #e98aa8 89.29%, #ea8ca5 91.07%, #eb8da1 92.86%, #ec8f9e 94.64%, #ed909a 96.43%, #ee9297 98.21%, #ef9393 100%);
  background-image: linear-gradient(90deg in oklab, #8bdeda 0%, #43add0 25%, #998ee0 50%, #e17dc2 75%, #ef9393 100%);
}

bg-[linear-gradient(90deg_in_oklab,#8bdeda_0%,#43add0_25%,#998ee0_50%,#e17dc2_75%,#ef9393_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="#8bdeda"/><stop offset="1.79%" stop-color="#86dad9"/><stop offset="3.57%" stop-color="#81d7d9"/><stop offset="5.36%" stop-color="#7cd3d8"/><stop offset="7.14%" stop-color="#78d0d8"/><stop offset="8.93%" stop-color="#73cdd7"/><stop offset="10.71%" stop-color="#6ec9d6"/><stop offset="12.5%" stop-color="#69c6d6"/><stop offset="14.29%" stop-color="#64c2d5"/><stop offset="16.07%" stop-color="#5ebfd4"/><stop offset="17.86%" stop-color="#59bbd3"/><stop offset="19.64%" stop-color="#54b8d2"/><stop offset="21.43%" stop-color="#4eb4d2"/><stop offset="23.21%" stop-color="#49b1d1"/><stop offset="25%" stop-color="#43add0"/><stop offset="26.79%" stop-color="#4dabd1"/><stop offset="28.57%" stop-color="#56a9d2"/><stop offset="30.36%" stop-color="#5ea7d4"/><stop offset="32.14%" stop-color="#65a5d5"/><stop offset="33.93%" stop-color="#6ca3d6"/><stop offset="35.71%" stop-color="#72a1d7"/><stop offset="37.5%" stop-color="#789ed8"/><stop offset="39.29%" stop-color="#7d9cd9"/><stop offset="41.07%" stop-color="#829ada"/><stop offset="42.86%" stop-color="#8798dc"/><stop offset="44.64%" stop-color="#8c95dd"/><stop offset="46.43%" stop-color="#9093de"/><stop offset="48.21%" stop-color="#9591df"/><stop offset="50%" stop-color="#998ee0"/><stop offset="51.79%" stop-color="#9f8dde"/><stop offset="53.57%" stop-color="#a48cdc"/><stop offset="55.36%" stop-color="#aa8bda"/><stop offset="57.14%" stop-color="#af8ad8"/><stop offset="58.93%" stop-color="#b489d5"/><stop offset="60.71%" stop-color="#ba88d3"/><stop offset="62.5%" stop-color="#bf87d1"/><stop offset="64.29%" stop-color="#c486cf"/><stop offset="66.07%" stop-color="#c985cd"/><stop offset="67.86%" stop-color="#ce83cb"/><stop offset="69.64%" stop-color="#d382c9"/><stop offset="71.43%" stop-color="#d780c6"/><stop offset="73.21%" stop-color="#dc7fc4"/><stop offset="75%" stop-color="#e17dc2"/><stop offset="76.79%" stop-color="#e27fbf"/><stop offset="78.57%" stop-color="#e381bc"/><stop offset="80.36%" stop-color="#e482b9"/><stop offset="82.14%" stop-color="#e584b5"/><stop offset="83.93%" stop-color="#e686b2"/><stop offset="85.71%" stop-color="#e787af"/><stop offset="87.5%" stop-color="#e889ac"/><stop offset="89.29%" stop-color="#e98aa8"/><stop offset="91.07%" stop-color="#ea8ca5"/><stop offset="92.86%" stop-color="#eb8da1"/><stop offset="94.64%" stop-color="#ec8f9e"/><stop offset="96.43%" stop-color="#ed909a"/><stop offset="98.21%" stop-color="#ee9297"/><stop offset="100%" stop-color="#ef9393"/></linearGradient></defs><rect width="1440" height="600" fill="url(#bs-gradient)"/></svg>

{
  "elate-the-euge": {
    "$type": "gradient",
    "$value": [
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.545,
            0.871,
            0.855
          ],
          "hex": "#8bdeda"
        },
        "position": 0
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.263,
            0.678,
            0.816
          ],
          "hex": "#43add0"
        },
        "position": 0.25
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.6,
            0.557,
            0.878
          ],
          "hex": "#998ee0"
        },
        "position": 0.5
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.882,
            0.49,
            0.761
          ],
          "hex": "#e17dc2"
        },
        "position": 0.75
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.937,
            0.576,
            0.576
          ],
          "hex": "#ef9393"
        },
        "position": 1
      }
    ],
    "$extensions": {
      "com.brandsweets": {
        "kind": "linear",
        "css": "linear-gradient(90deg in oklab, #8bdeda 0%, #43add0 25%, #998ee0 50%, #e17dc2 75%, #ef9393 100%)",
        "interpolation": "oklab",
        "angle": 90,
        "name": "Elate The Euge",
        "contrast": {
          "white": {
            "ratio": 1.549,
            "at": 0,
            "passesAA": false,
            "passesAALarge": false
          },
          "black": {
            "ratio": 7.3,
            "at": 0.5,
            "passesAA": true,
            "passesAALarge": true
          },
          "suggestedInk": "#000000"
        }
      }
    },
    "$description": "Elate The Euge (uiGradients, MIT), rendered in OKLab."
  }
}