Monochrome navy and gray linear gradient

Linear gradient, 7 colors at 90°: #10172c, #8f9dab, #b5ccdb, #587a99, #284a6a, #102e4a, #0c233a. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

#10172c
#8f9dab
#b5ccdb
#587a99
#284a6a
#102e4a
#0c233a

CSS

background: linear-gradient(90deg in oklch, oklch(20.87% 0.0427 268.59) 0.0%, oklch(69.04% 0.0252 245.58) 16.7%, oklch(83.17% 0.0322 237.28) 33.3%, oklch(56.69% 0.0620 246.40) 50.0%, oklch(39.87% 0.0674 248.08) 66.7%, oklch(29.29% 0.0624 249.30) 83.3%, oklch(25.20% 0.0524 250.63) 100.0%);

In these collections

Navy swatches