Vivid analogous blue to lavender linear gradient

Vivid analogous blue to lavender color palette

Linear gradient, 7 colors at 90°: #415fd1, #4e64d4, #616bd8, #7a71db, #9678df, #b880e3, #d385e4. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#415fd1
#4e64d4
#616bd8
#7a71db
#9678df
#b880e3
#d385e4

CSS

background: linear-gradient(90deg in oklch, oklch(52.76% 0.1791 268.59) 0.0%, oklch(54.68% 0.1732 271.10) 16.7%, oklch(57.48% 0.1654 275.99) 33.3%, oklch(60.78% 0.1566 284.38) 50.0%, oklch(64.57% 0.1502 295.01) 66.7%, oklch(69.34% 0.1520 308.88) 83.3%, oklch(73.23% 0.1557 320.37) 100.0%);

In these collections

Violet swatches