Skip to content
Grabient palettes

Analogous navy to purple linear gradient

Analogous navy to purple color palette

Linear gradient, 6 colors at 180°: #070927, #120e3d, #26145f, #461e84, #782eaf, #a339ca. Edit and export CSS, SVG, PNG or a shader.

3 editable OKLCH keyframes.

  • #070927
  • #120e3d
  • #26145f
  • #461e84
  • #782eaf
  • #a339ca

CSS

background: linear-gradient(180deg in oklch, oklch(16.14% 0.0606 274.92) 0.0%, oklch(20.58% 0.0868 279.27) 20.0%, oklch(27.24% 0.1233 285.84) 40.0%, oklch(35.83% 0.1578 294.52) 60.0%, oklch(47.30% 0.1943 306.25) 80.0%, oklch(55.91% 0.2205 315.08) 100.0%);

In these collections

Cyberpunk gradientsRetro gradientsSynthwave gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works