Skip to content
Grabient palettes

Analogous navy to purple linear gradient

Analogous navy to purple color palette

Linear gradient, 3 colors at 120°: #061a3c, #262b66, #4d3b8f. Edit and export CSS, SVG, PNG or a shader.

2 editable OKLCH keyframes.

  • #061a3c
  • #262b66
  • #4d3b8f

CSS

background: linear-gradient(120deg in oklch, oklch(22.44% 0.0717 260.86) 0.0%, oklch(32.09% 0.1027 275.13) 50.0%, oklch(41.73% 0.1337 289.39) 100.0%);

In these collections

Two color gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works