Spectrum bands return to green

Linear gradient, 40 colors at 180°: #3b5919, #009e8d, #7c51d6, #821d42, #b3e65c. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#3b5919
#3d5e1e
#416624
#45702c
#487b35
#49863f
#45904b
#3a9959
#1e9f68
#00a07c
#009e8d
#009a9c
#0095a8
#008eb5
#0086c6
#307dcf
#4974d2
#596cd5
#6764d6
#725ad7
#7c51d6
#8647d2
#8f3cca
#9732be
#9c28ac
#9c2096
#981a7e
#911867
#881953
#821d42
#7e2235
#7f2a2b
#873622
#964714
#a56000
#b27d00
#bc9b00
#bfb916
#bbd340
#b3e65c

CSS

background: linear-gradient(180deg in oklch, oklch(42.52% 0.0965 130.78) 0.0%, oklch(44.26% 0.0997 132.34) 2.6%, oklch(46.76% 0.1042 133.82) 5.1%, oklch(49.75% 0.1096 135.56) 7.7%, oklch(52.96% 0.1154 137.85) 10.3%, oklch(56.10% 0.1213 141.01) 12.8%, oklch(58.90% 0.1269 145.37) 15.4%, oklch(61.08% 0.1319 151.22) 17.9%, oklch(62.39% 0.1357 158.92) 20.5%, oklch(62.88% 0.1256 169.22) 23.1%, oklch(62.76% 0.1125 181.84) 25.6%, oklch(62.20% 0.1060 196.03) 28.2%, oklch(61.33% 0.1065 211.01) 30.8%, oklch(60.30% 0.1153 226.02) 33.3%, oklch(59.24% 0.1364 240.30) 35.9%, oklch(58.31% 0.1475 253.07) 38.5%, oklch(57.63% 0.1525 263.70) 41.0%, oklch(57.02% 0.1608 272.69) 43.6%, oklch(56.43% 0.1714 280.55) 46.2%, oklch(55.83% 0.1830 287.61) 48.7%, oklch(55.18% 0.1945 294.21) 51.3%, oklch(54.47% 0.2043 300.70) 53.8%, oklch(53.68% 0.2112 307.41) 56.4%, oklch(52.76% 0.2140 314.68) 59.0%, oklch(51.56% 0.2110 322.62) 61.5%, oklch(49.59% 0.2016 330.52) 64.1%, oklch(47.16% 0.1876 338.41) 66.7%, oklch(44.64% 0.1709 346.47) 69.2%, oklch(42.41% 0.1536 354.83) 71.8%, oklch(40.87% 0.1377 3.65) 74.4%, oklch(40.38% 0.1251 13.10) 76.9%, oklch(41.34% 0.1178 23.31) 79.5%, oklch(44.23% 0.1170 34.95) 82.1%, oklch(49.15% 0.1211 48.64) 84.6%, oklch(55.48% 0.1260 63.54) 87.2%, oklch(62.58% 0.1301 78.87) 89.7%, oklch(69.84% 0.1431 93.73) 92.3%, oklch(76.62% 0.1605 107.26) 94.9%, oklch(82.29% 0.1693 118.60) 97.4%, oklch(86.22% 0.1750 126.91) 100.0%);

In these collections

Rainbow loop gradients