Analogous gray, blue and lavender linear gradient

Analogous gray, blue and lavender color palette

Linear gradient, 7 colors at 90°: #8a8ba6, #a3a7ba, #728ac4, #123dbd, #a892e7, #ad9bde, #2e49a7. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#8a8ba6
#a3a7ba
#728ac4
#123dbd
#a892e7
#ad9bde
#2e49a7

CSS

background: linear-gradient(90deg in oklch, oklch(64.57% 0.0400 283.36) 0.0%, oklch(73.21% 0.0278 275.73) 16.7%, oklch(63.78% 0.0929 267.19) 33.3%, oklch(42.91% 0.2039 264.34) 50.0%, oklch(71.39% 0.1226 295.06) 66.7%, oklch(72.97% 0.0981 296.51) 83.3%, oklch(44.09% 0.1543 267.51) 100.0%);

In these collections

Blue and purple swatches