Violet through spectrum to red

Rainbow from purple to pink color palette

The Violet through spectrum to red brings together purple, blue, teal, green, orange, and red. Linear gradient, 32 colors at 135°: #7139c6, #0a72cb, #00b59f, #d89c00, #d83c56. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#7139c6
#6b3cc8
#6340c9
#5944ca
#4e49ca
#4150cb
#3259cb
#2065cb
#0a72cb
#0081ca
#038fca
#179bc8
#20a5c5
#16acc1
#00b1b9
#00b4ad
#00b59f
#00b78c
#00b970
#4eb750
#7db327
#a4ac00
#c0a400
#d89c00
#ea9106
#f2872e
#f37b3e
#f06e47
#ea5f4c
#e45150
#dd4553
#d83c56

CSS

background: linear-gradient(135deg in oklch, oklch(49.61% 0.2053 296.02) 0.0%, oklch(49.56% 0.2032 292.89) 3.2%, oklch(49.34% 0.2006 288.73) 6.5%, oklch(49.15% 0.1974 283.74) 9.7%, oklch(49.16% 0.1934 278.10) 12.9%, oklch(49.55% 0.1883 271.99) 16.1%, oklch(50.51% 0.1819 265.61) 19.4%, oklch(52.31% 0.1731 259.00) 22.6%, oklch(55.01% 0.1607 251.97) 25.8%, oklch(58.22% 0.1451 244.53) 29.0%, oklch(61.56% 0.1330 236.60) 32.3%, oklch(64.62% 0.1218 228.23) 35.5%, oklch(67.03% 0.1153 219.38) 38.7%, oklch(68.47% 0.1153 210.08) 41.9%, oklch(69.17% 0.1176 200.43) 45.2%, oklch(69.36% 0.1196 190.35) 48.4%, oklch(69.28% 0.1259 179.75) 51.6%, oklch(69.13% 0.1391 168.55) 54.8%, oklch(69.13% 0.1657 156.64) 58.1%, oklch(69.50% 0.1720 143.81) 61.3%, oklch(70.29% 0.1724 129.08) 64.5%, oklch(71.30% 0.1591 113.05) 67.7%, oklch(72.27% 0.1489 96.68) 71.0%, oklch(72.99% 0.1508 80.92) 74.2%, oklch(73.19% 0.1610 66.75) 77.4%, oklch(72.65% 0.1616 55.07) 80.6%, oklch(71.11% 0.1650 45.40) 83.9%, oklch(68.79% 0.1703 37.15) 87.1%, oklch(66.09% 0.1764 30.20) 90.3%, oklch(63.37% 0.1826 24.43) 93.5%, oklch(61.03% 0.1879 19.73) 96.8%, oklch(59.45% 0.1915 15.98) 100.0%);

In these collections

Rainbow gradients