Vivid navy, blue, cyan and light blue linear gradient

Linear gradient, 7 colors at 90°: #00004a, #021296, #0c4ae3, #1a8bff, #3fc8ff, #6ef9ff, #97ffff. Edit and export CSS, SVG, PNG or a shader.

6 editable OKLCH keyframes.

• #00004a
• #021296
• #0c4ae3
• #1a8bff
• #3fc8ff
• #6ef9ff
• #97ffff

CSS

background: linear-gradient(90deg in oklch, oklch(18.57% 0.1282 264.40) 0.0%, oklch(31.86% 0.2012 264.56) 16.7%, oklch(48.83% 0.2377 263.47) 33.3%, oklch(63.98% 0.1966 254.60) 50.0%, oklch(78.24% 0.1381 229.93) 66.7%, oklch(90.89% 0.1208 198.87) 83.3%, oklch(93.70% 0.0970 195.68) 100.0%);

In these collections

Ocean gradientsNavy and teal gradientsBeach gradientsCoastal gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works