Magenta, emerald and rose rainbow loop palette

Rainbow from purple to magenta color palette

The Magenta, emerald and rose rainbow loop palette brings together magenta, purple, blue, green, and orange. Linear gradient, 32 colors at 45°: #a92d80, #6888f0, #5fd281, #caa900, #c53489. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#a92d80
#a72b8b
#a1279c
#9826b0
#8d2cc5
#803ad7
#7551e5
#6c6ded
#6888f0
#69a0ef
#6bb1ed
#63bee9
#4fc7df
#36cecd
#31d1b4
#48d297
#5fd281
#68d372
#69d567
#6ad55b
#76d346
#92ca09
#b3bb00
#caa900
#db9600
#e78118
#e7733f
#e46453
#de5564
#d64772
#cd3b7f
#c53489

CSS

background: linear-gradient(45deg in oklch, oklch(51.57% 0.1805 344.53) 0.0%, oklch(51.48% 0.1885 338.45) 3.2%, oklch(51.15% 0.2012 329.97) 6.5%, oklch(50.99% 0.2142 319.94) 9.7%, oklch(51.40% 0.2234 309.23) 12.9%, oklch(52.79% 0.2242 298.66) 16.1%, oklch(55.71% 0.2120 288.75) 19.4%, oklch(60.12% 0.1879 278.93) 22.6%, oklch(65.18% 0.1586 268.75) 25.8%, oklch(70.06% 0.1311 257.73) 29.0%, oklch(73.90% 0.1121 245.43) 32.3%, oklch(76.10% 0.1067 230.93) 35.5%, oklch(77.19% 0.1109 213.39) 38.7%, oklch(77.54% 0.1211 194.63) 41.9%, oklch(77.53% 0.1342 176.63) 45.2%, oklch(77.48% 0.1466 161.36) 48.4%, oklch(77.71% 0.1563 150.86) 51.6%, oklch(78.03% 0.1675 145.67) 54.8%, oklch(78.28% 0.1792 143.37) 58.1%, oklch(78.33% 0.1896 141.28) 61.3%, oklch(78.02% 0.1966 136.76) 64.5%, oklch(77.24% 0.1981 127.22) 67.7%, oklch(75.92% 0.1688 112.60) 71.0%, oklch(74.22% 0.1524 94.91) 74.2%, oklch(72.26% 0.1517 76.13) 77.4%, oklch(70.20% 0.1614 58.27) 80.6%, oklch(68.17% 0.1585 43.19) 83.9%, oklch(65.86% 0.1626 29.72) 87.1%, oklch(63.30% 0.1711 17.03) 90.3%, oklch(60.78% 0.1813 5.71) 93.5%, oklch(58.61% 0.1908 356.33) 96.8%, oklch(57.09% 0.1970 349.46) 100.0%);

In these collections

Rainbow loop gradients