Analogous navy to lavender linear gradient

Linear gradient, 7 colors at 90°: #211c52, #2d2368, #3f3084, #5443a1, #6b59bd, #8473d4, #9887e5. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#211c52
#2d2368
#3f3084
#5443a1
#6b59bd
#8473d4
#9887e5

CSS

background: linear-gradient(90deg in oklch, oklch(26.77% 0.0965 281.95) 0.0%, oklch(31.32% 0.1148 283.93) 16.7%, oklch(37.80% 0.1350 286.18) 33.3%, oklch(45.25% 0.1459 287.37) 50.0%, oklch(53.15% 0.1502 288.29) 66.7%, oklch(61.39% 0.1443 289.48) 83.3%, oklch(67.72% 0.1364 290.41) 100.0%);

In these collections

Cool swatches