Vivid spectrum ribbon gradient

Rainbow from purple to blue color palette

Linear gradient, 21 colors at 270°: #9817fd, #eb76d9, #c0d89e, #3cc99b, #3358c6. Edit and export CSS, SVG, PNG or a shader.

7 editable OKLCH keyframes.

#9817fd
#a923ff
#c132ff
#db3dfb
#e957eb
#eb76d9
#ea90c5
#eea1af
#edb497
#dbc991
#c0d89e
#a8e09e
#8fe390
#72e283
#4ada8e
#3cc99b
#3cb5a1
#1fa3a5
#008dad
#0072bd
#3358c6

CSS

background: linear-gradient(270deg in oklch, oklch(56.30% 0.2880 301.64) 0.0%, oklch(59.04% 0.2867 306.00) 5.0%, oklch(62.96% 0.2820 312.32) 10.0%, oklch(66.96% 0.2781 320.01) 15.0%, oklch(70.25% 0.2435 327.37) 20.0%, oklch(73.33% 0.1853 333.48) 25.0%, oklch(76.19% 0.1272 344.43) 30.0%, oklch(78.82% 0.0922 7.21) 35.0%, oklch(81.50% 0.0775 47.52) 40.0%, oklch(83.78% 0.0756 92.70) 45.0%, oklch(85.04% 0.0827 126.57) 50.0%, oklch(85.10% 0.1058 140.78) 55.0%, oklch(84.22% 0.1407 144.38) 60.0%, oklch(82.34% 0.1665 147.29) 65.0%, oklch(79.33% 0.1638 156.19) 70.0%, oklch(75.05% 0.1373 166.60) 75.0%, oklch(70.17% 0.1101 179.38) 80.0%, oklch(65.26% 0.1053 196.47) 85.0%, oklch(59.52% 0.1095 221.49) 90.0%, oklch(53.91% 0.1442 247.72) 95.0%, oklch(50.00% 0.1764 266.06) 100.0%);

In these collections

Vivid multicolor gradients