Blue, purple, orange and beige linear gradient

Linear gradient, 7 colors at 90°: #005dd2, #a556ab, #ec5474, #ff9342, #fecc50, #ffe789, #fdf1d6. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

#005dd2
#a556ab
#ec5474
#ff9342
#fecc50
#ffe789
#fdf1d6

CSS

background: linear-gradient(90deg in oklch, oklch(50.79% 0.1947 258.77) 0.0%, oklch(57.84% 0.1514 324.66) 16.7%, oklch(65.65% 0.1876 11.04) 33.3%, oklch(76.47% 0.1595 53.96) 50.0%, oklch(86.80% 0.1482 86.77) 66.7%, oklch(92.73% 0.1167 95.21) 83.3%, oklch(96.06% 0.0372 85.80) 100.0%);

In these collections

Bold swatches