Skip to content
Grabient palettes

Analogous navy to teal linear gradient

Analogous navy to teal color palette

Linear gradient, 3 colors at 135°: #001e44, #007190, #00d1d1. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

  • #001e44
  • #007190
  • #00d1d1

CSS

background: linear-gradient(135deg in oklch, oklch(24.03% 0.0804 255.44) 0.0%, oklch(50.99% 0.0967 225.14) 50.0%, oklch(77.95% 0.1330 195.00) 100.0%);

In these collections

Two color gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works