Purple to beige linear gradient

Linear gradient, 7 colors at 90°: #8555d5, #986edd, #b48fe7, #dda7e8, #ffbeca, #ffdfbe, #f5f9a6. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#8555d5
#986edd
#b48fe7
#dda7e8
#ffbeca
#ffdfbe
#f5f9a6

CSS

background: linear-gradient(90deg in oklch, oklch(56.69% 0.1888 297.42) 0.0%, oklch(62.98% 0.1643 298.75) 16.7%, oklch(71.84% 0.1307 302.67) 33.3%, oklch(79.92% 0.1061 320.67) 50.0%, oklch(86.42% 0.0758 6.85) 66.7%, oklch(92.14% 0.0557 67.14) 83.3%, oklch(96.06% 0.1047 110.73) 100.0%);

In these collections

Bright gradients