Seamless rainbow linear gradient

Linear gradient, 32 colors at 180°: #aeb3c4, #3ebebd, #ff7724, #c891ff, #a3abbb. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#aeb3c4
#abb2c6
#a7b2c8
#a0b2cb
#97b3ce
#89b4d1
#75b7d0
#5cbacb
#3ebebd
#2ac0a8
#3bc188
#63bd5c
#90b400
#b4a700
#cd9b00
#e68b00
#ff7724
#ff7465
#ff718a
#ff6dad
#ff65d3
#f666f9
#da82ff
#c891ff
#be9bff
#b7a1ff
#b0a7fa
#aaacee
#a5aee0
#a2aed1
#a2acc4
#a3abbb

CSS

background: linear-gradient(180deg in oklch, oklch(76.77% 0.0248 272.81) 0.0%, oklch(76.54% 0.0289 268.99) 3.2%, oklch(76.21% 0.0344 263.81) 6.5%, oklch(75.82% 0.0415 257.07) 9.7%, oklch(75.39% 0.0506 248.54) 12.9%, oklch(74.92% 0.0620 237.94) 16.1%, oklch(74.37% 0.0760 225.13) 19.4%, oklch(73.78% 0.0919 210.59) 22.6%, oklch(73.23% 0.1086 194.87) 25.8%, oklch(72.78% 0.1249 178.50) 29.0%, oklch(72.40% 0.1419 160.95) 32.3%, oklch(72.07% 0.1596 142.22) 35.5%, oklch(71.82% 0.1761 122.95) 38.7%, oklch(71.67% 0.1512 103.80) 41.9%, oklch(71.65% 0.1469 84.92) 45.2%, oklch(71.74% 0.1602 65.60) 48.4%, oklch(71.93% 0.1873 46.47) 51.6%, oklch(72.20% 0.1728 28.18) 54.8%, oklch(72.55% 0.1743 11.37) 58.1%, oklch(73.02% 0.1888 355.44) 61.3%, oklch(73.59% 0.2199 340.45) 64.5%, oklch(74.18% 0.2418 326.87) 67.7%, oklch(74.73% 0.1926 315.17) 71.0%, oklch(75.28% 0.1614 305.93) 74.2%, oklch(75.90% 0.1441 299.00) 77.4%, oklch(76.44% 0.1332 293.43) 80.6%, oklch(76.75% 0.1179 288.27) 83.9%, oklch(76.68% 0.0936 282.65) 87.1%, oklch(76.14% 0.0719 276.73) 90.3%, oklch(75.34% 0.0524 271.11) 93.5%, oklch(74.54% 0.0363 266.33) 96.8%, oklch(74.02% 0.0248 262.95) 100.0%);