Analogous blue to lavender linear gradient

Linear gradient, 7 colors at 90°: #0052b5, #1f57b9, #375ec0, #5168c7, #7479ce, #978fd5, #ae9fd9. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#0052b5
#1f57b9
#375ec0
#5168c7
#7479ce
#978fd5
#ae9fd9

CSS

background: linear-gradient(90deg in oklch, oklch(46.06% 0.1709 258.05) 0.0%, oklch(47.93% 0.1667 260.86) 16.7%, oklch(50.76% 0.1601 265.09) 33.3%, oklch(54.72% 0.1488 270.73) 50.0%, oklch(60.97% 0.1280 279.18) 66.7%, oklch(68.34% 0.1024 289.04) 83.3%, oklch(73.62% 0.0841 296.09) 100.0%);

In these collections

Summer gradients