Electric Peacock

.gradient {
  background-image: linear-gradient(90deg, #8a2be2 0%, #822be1 2.38%, #7a2bdf 4.76%, #712ade 7.14%, #6929dc 9.52%, #6128db 11.9%, #5926d9 14.28%, #5024d8 16.67%, #4822d6 19.05%, #3f1fd5 21.43%, #361bd3 23.81%, #2c17d2 26.19%, #2112d0 28.57%, #140acf 30.95%, #0000cd 33.33%, #0027c4 35.71%, #0038bb 38.09%, #0046ad 40.47%, #0050a3 42.86%, #00589a 45.24%, #006092 47.62%, #006689 50%, #006d80 52.38%, #007375 54.76%, #007869 57.14%, #007d5c 59.53%, #00824e 61.91%, #10873c 64.29%, #228b22 66.67%, #339322 69.05%, #419b22 71.43%, #4ea322 73.81%, #5aab22 76.19%, #66b321 78.57%, #71bb20 80.95%, #7dc41f 83.34%, #88cc1d 85.72%, #94d41b 88.1%, #9fdd19 90.48%, #aae515 92.86%, #b5ee10 95.24%, #c1f609 97.62%, #ccff00 100%);
  background-image: linear-gradient(90deg in oklab, #8a2be2 0%, #0000cd 33.33%, #228b22 66.67%, #ccff00 100%);
}

bg-[linear-gradient(90deg_in_oklab,#8a2be2_0%,#0000cd_33.33%,#228b22_66.67%,#ccff00_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="#8a2be2"/><stop offset="2.38%" stop-color="#822be1"/><stop offset="4.76%" stop-color="#7a2bdf"/><stop offset="7.14%" stop-color="#712ade"/><stop offset="9.52%" stop-color="#6929dc"/><stop offset="11.9%" stop-color="#6128db"/><stop offset="14.28%" stop-color="#5926d9"/><stop offset="16.67%" stop-color="#5024d8"/><stop offset="19.05%" stop-color="#4822d6"/><stop offset="21.43%" stop-color="#3f1fd5"/><stop offset="23.81%" stop-color="#361bd3"/><stop offset="26.19%" stop-color="#2c17d2"/><stop offset="28.57%" stop-color="#2112d0"/><stop offset="30.95%" stop-color="#140acf"/><stop offset="33.33%" stop-color="#0000cd"/><stop offset="35.71%" stop-color="#0027c4"/><stop offset="38.09%" stop-color="#0038bb"/><stop offset="40.47%" stop-color="#0046ad"/><stop offset="42.86%" stop-color="#0050a3"/><stop offset="45.24%" stop-color="#00589a"/><stop offset="47.62%" stop-color="#006092"/><stop offset="50%" stop-color="#006689"/><stop offset="52.38%" stop-color="#006d80"/><stop offset="54.76%" stop-color="#007375"/><stop offset="57.14%" stop-color="#007869"/><stop offset="59.53%" stop-color="#007d5c"/><stop offset="61.91%" stop-color="#00824e"/><stop offset="64.29%" stop-color="#10873c"/><stop offset="66.67%" stop-color="#228b22"/><stop offset="69.05%" stop-color="#339322"/><stop offset="71.43%" stop-color="#419b22"/><stop offset="73.81%" stop-color="#4ea322"/><stop offset="76.19%" stop-color="#5aab22"/><stop offset="78.57%" stop-color="#66b321"/><stop offset="80.95%" stop-color="#71bb20"/><stop offset="83.34%" stop-color="#7dc41f"/><stop offset="85.72%" stop-color="#88cc1d"/><stop offset="88.1%" stop-color="#94d41b"/><stop offset="90.48%" stop-color="#9fdd19"/><stop offset="92.86%" stop-color="#aae515"/><stop offset="95.24%" stop-color="#b5ee10"/><stop offset="97.62%" stop-color="#c1f609"/><stop offset="100%" stop-color="#ccff00"/></linearGradient></defs><rect width="1440" height="600" fill="url(#bs-gradient)"/></svg>

{
  "electric-peacock": {
    "$type": "gradient",
    "$value": [
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.541,
            0.169,
            0.886
          ],
          "hex": "#8a2be2"
        },
        "position": 0
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0,
            0,
            0.804
          ],
          "hex": "#0000cd"
        },
        "position": 0.3333
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.133,
            0.545,
            0.133
          ],
          "hex": "#228b22"
        },
        "position": 0.6667
      },
      {
        "color": {
          "colorSpace": "srgb",
          "components": [
            0.8,
            1,
            0
          ],
          "hex": "#ccff00"
        },
        "position": 1
      }
    ],
    "$extensions": {
      "com.brandsweets": {
        "kind": "linear",
        "css": "linear-gradient(90deg in oklab, #8a2be2 0%, #0000cd 33.33%, #228b22 66.67%, #ccff00 100%)",
        "interpolation": "oklab",
        "angle": 90,
        "name": "Electric Peacock",
        "contrast": {
          "white": {
            "ratio": 1.175,
            "at": 1,
            "passesAA": false,
            "passesAALarge": false
          },
          "black": {
            "ratio": 1.882,
            "at": 0.3333,
            "passesAA": false,
            "passesAALarge": false
          },
          "suggestedInk": "#000000"
        }
      }
    },
    "$description": "Electric Peacock (uiGradients, MIT), rendered in OKLab."
  }
}