Analogous blue to lavender linear gradient

Linear gradient, 7 colors at 90°: #29406f, #304e7e, #3c6193, #4c72a8, #677cb8, #8684c3, #9b89c8. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#29406f
#304e7e
#3c6193
#4c72a8
#677cb8
#8684c3
#9b89c8

CSS

background: linear-gradient(90deg in oklch, oklch(37.80% 0.0854 262.97) 0.0%, oklch(42.36% 0.0883 259.96) 16.7%, oklch(48.80% 0.0923 256.35) 33.3%, oklch(54.72% 0.0951 257.68) 50.0%, oklch(59.59% 0.0954 268.88) 66.7%, oklch(63.94% 0.0945 285.00) 83.3%, oklch(66.93% 0.0937 296.78) 100.0%);

In these collections

Text gradients