Rainbow from navy to purple linear gradient

Rainbow from navy to purple color palette

Linear gradient, 32 colors at 90°: #28115c, #20a370, #d2de70, #cc6764, #3a0f5c. Edit and export CSS, SVG, PNG or a shader.

8 editable OKLCH keyframes.

#28115c
#241f61
#1d2f64
#183f67
#184f6b
#116073
#00757a
#008d7a
#20a370
#50b364
#6bc15f
#7bd062
#88dd68
#98e56a
#aee667
#c2e46a
#d2de70
#dcd574
#e2ca72
#e5ba6a
#e4a663
#e0905f
#d87b60
#cc6764
#bd5269
#aa3f6e
#952f73
#7f2475
#691c71
#55176a
#451262
#3a0f5c

CSS

background: linear-gradient(90deg in oklch, oklch(26.77% 0.1226 288.98) 0.0%, oklch(29.07% 0.1124 279.83) 3.2%, oklch(32.26% 0.0967 266.94) 6.5%, oklch(36.16% 0.0817 251.71) 9.7%, oklch(40.54% 0.0732 235.58) 12.9%, oklch(45.40% 0.0768 218.99) 16.1%, oklch(51.23% 0.0871 199.46) 19.4%, oklch(57.49% 0.1049 179.21) 22.6%, oklch(63.55% 0.1329 161.13) 25.8%, oklch(68.80% 0.1477 148.03) 29.0%, oklch(73.52% 0.1586 141.40) 32.3%, oklch(77.91% 0.1677 138.95) 35.5%, oklch(81.65% 0.1734 137.82) 38.7%, oklch(84.45% 0.1744 135.11) 41.9%, oklch(86.14% 0.1681 129.27) 45.2%, oklch(86.92% 0.1533 122.41) 48.4%, oklch(86.82% 0.1354 114.46) 51.6%, oklch(85.86% 0.1197 105.23) 54.8%, oklch(84.02% 0.1116 94.43) 58.1%, oklch(81.00% 0.1099 81.42) 61.3%, oklch(77.03% 0.1121 66.86) 64.5%, oklch(72.55% 0.1167 51.81) 67.7%, oklch(67.96% 0.1219 37.32) 71.0%, oklch(63.27% 0.1287 23.47) 74.2%, oklch(58.13% 0.1386 9.40) 77.4%, oklch(52.88% 0.1486 355.82) 80.6%, oklch(47.88% 0.1556 343.47) 83.9%, oklch(43.39% 0.1566 332.93) 87.1%, oklch(38.95% 0.1510 323.64) 90.3%, oklch(34.78% 0.1420 315.64) 93.5%, oklch(31.25% 0.1328 309.16) 96.8%, oklch(28.74% 0.1268 304.48) 100.0%);

In these collections

Rainbow loop gradients