Monochrome blue, navy and dark blue linear gradient

Linear gradient, 7 colors at 90°: #044d73, #112747, #0a0d2e, #1e1f87, #0045e1, #00458e, #0a2b4a. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

#044d73
#112747
#0a0d2e
#1e1f87
#0045e1
#00458e
#0a2b4a

CSS

background: linear-gradient(90deg in oklch, oklch(40.16% 0.0896 239.77) 0.0%, oklch(27.29% 0.0657 257.93) 16.7%, oklch(18.11% 0.0648 274.64) 33.3%, oklch(32.70% 0.1661 271.80) 50.0%, oklch(47.64% 0.2409 263.04) 66.7%, oklch(39.84% 0.1360 255.99) 83.3%, oklch(28.35% 0.0675 250.33) 100.0%);

In these collections

Blue swatches