Analogous purple, pink and light blue linear gradient

Analogous purple, pink and light blue color palette

Linear gradient, 5 colors at 315°: #bb61ba, #f284cd, #ffc1e7, #fbe8fe, #cbd9fd. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#bb61ba
#f284cd
#ffc1e7
#fbe8fe
#cbd9fd

CSS

background: linear-gradient(315deg in oklch, oklch(62.99% 0.1612 327.66) 0.0%, oklch(75.59% 0.1598 341.39) 25.0%, oklch(87.80% 0.0854 341.39) 50.0%, oklch(95.28% 0.0358 321.32) 75.0%, oklch(88.58% 0.0524 269.53) 100.0%);

In these collections

Blue and mauve gradients