Rainbow linear gradient

Linear gradient, 32 colors at 45°: #439100, #2b458d, #a2229c, #885a3f, #309f00. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#439100
#2f8b30
#1e8248
#1c7657
#1f6b5e
#146365
#005c70
#025280
#2b458d
#433a92
#553297
#652d9e
#7429a4
#8325a7
#8f21a4
#9a20a1
#a2229c
#a92693
#ae2d84
#aa3872
#a04462
#944e56
#8b554d
#885a3f
#83612a
#736e16
#577b22
#398533
#208d37
#18952e
#259b16
#309f00

CSS

background: linear-gradient(45deg in oklch, oklch(58.27% 0.1746 136.42) 0.0%, oklch(56.35% 0.1553 143.36) 3.2%, oklch(53.58% 0.1259 152.92) 6.5%, oklch(50.53% 0.0961 164.94) 9.7%, oklch(47.79% 0.0754 179.26) 12.9%, oklch(45.73% 0.0719 196.56) 16.1%, oklch(43.84% 0.0792 218.94) 19.4%, oklch(42.25% 0.1015 243.24) 22.6%, oklch(41.21% 0.1225 265.88) 25.8%, oklch(40.97% 0.1399 283.22) 29.0%, oklch(41.83% 0.1565 294.69) 32.3%, oklch(43.49% 0.1738 302.51) 35.5%, oklch(45.46% 0.1893 308.43) 38.7%, oklch(47.24% 0.2005 314.19) 41.9%, oklch(48.58% 0.2063 320.42) 45.2%, oklch(49.90% 0.2087 325.45) 48.4%, oklch(51.08% 0.2071 330.27) 51.6%, oklch(51.98% 0.2002 336.05) 54.8%, oklch(52.43% 0.1866 343.82) 58.1%, oklch(52.21% 0.1597 352.35) 61.3%, oklch(51.60% 0.1254 1.90) 64.5%, oklch(50.99% 0.0936 13.61) 67.7%, oklch(50.76% 0.0742 28.61) 71.0%, oklch(51.10% 0.0731 49.73) 74.2%, oklch(51.73% 0.0848 77.15) 77.4%, oklch(52.60% 0.1032 105.35) 80.6%, oklch(53.66% 0.1228 128.75) 83.9%, oklch(54.91% 0.1389 142.16) 87.1%, oklch(56.60% 0.1566 146.31) 90.3%, oklch(58.50% 0.1750 144.97) 93.5%, oklch(60.23% 0.1912 141.66) 96.8%, oklch(61.42% 0.1975 139.94) 100.0%);

In these collections

Oil slick colors Rainbow loop gradients