Seamless monochrome navy and blue linear gradient

Seamless monochrome navy and blue color palette

Linear gradient, 7 colors at 90°: #0e203b, #223d62, #3e689a, #4c7fb8, #3b6899, #1c3d5f, #081f37. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

#0e203b
#223d62
#3e689a
#4c7fb8
#3b6899
#1c3d5f
#081f37

CSS

background: linear-gradient(90deg in oklch, oklch(24.41% 0.0565 258.05) 0.0%, oklch(35.86% 0.0722 256.17) 16.7%, oklch(51.11% 0.0930 253.59) 33.3%, oklch(58.66% 0.1033 251.71) 50.0%, oklch(50.82% 0.0925 251.24) 66.7%, oklch(35.27% 0.0711 251.47) 83.3%, oklch(23.62% 0.0551 251.71) 100.0%);

In these collections

Wallpaper gradients