Analogous lavender, pink and blue linear gradient

Analogous lavender, pink and blue color palette

Linear gradient, 7 colors at 90°: #a4819e, #bc87af, #dc8ec4, #e288cf, #ae6eca, #5c4dae, #1d378d. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#a4819e
#bc87af
#dc8ec4
#e288cf
#ae6eca
#5c4dae
#1d378d

CSS

background: linear-gradient(90deg in oklch, oklch(64.57% 0.0593 331.88) 0.0%, oklch(68.85% 0.0836 335.36) 16.7%, oklch(74.23% 0.1171 339.19) 33.3%, oklch(74.41% 0.1419 335.05) 50.0%, oklch(64.17% 0.1493 314.93) 66.7%, oklch(48.73% 0.1479 286.83) 83.3%, oklch(37.40% 0.1461 266.36) 100.0%);

In these collections

Blue and mauve gradients