Analogous lavender and blue linear swatches

Analogous lavender and blue color palette

Linear swatches, 7 colors at 90°: #c49dcf, #b783ce, #a361cb, #8b45c1, #732cb4, #5820a4, #451c95. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#c49dcf
#b783ce
#a361cb
#8b45c1
#732cb4
#5820a4
#451c95

CSS

background: linear-gradient(90deg, oklch(74.80% 0.0813 318.52) 0.000% 14.286%, oklch(68.80% 0.1211 315.35) 14.286% 28.571%, oklch(61.02% 0.1654 311.12) 28.571% 42.857%, oklch(53.69% 0.1899 307.22) 42.857% 57.143%, oklch(46.85% 0.2012 302.66) 57.143% 71.429%, oklch(41.04% 0.1924 295.80) 71.429% 85.714%, oklch(37.01% 0.1791 289.98) 85.714% 100.000%);

In these collections

Blue and purple gradients