Seamless monochrome blue and navy linear gradient

Linear gradient, 7 colors at 90°: #416687, #315172, #1c3757, #132b49, #213955, #3c556e, #526b82. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#416687
#315172
#1c3757
#132b49
#213955
#3c556e
#526b82

CSS

background: linear-gradient(90deg in oklch, oklch(49.61% 0.0675 246.80) 0.0%, oklch(42.58% 0.0669 249.61) 16.7%, oklch(33.23% 0.0658 253.37) 33.3%, oklch(28.74% 0.0634 255.25) 50.0%, oklch(33.96% 0.0582 253.37) 66.7%, oklch(44.04% 0.0516 249.61) 83.3%, oklch(51.57% 0.0469 246.80) 100.0%);

In these collections

Cool blue swatches