Skip to content
Grabient palettes

Analogous dark blue to purple linear gradient

Linear gradient, 5 colors at 90°: #270f63, #3e178d, #6124b1, #8a3db9, #c16598. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #270f63
  • #3e178d
  • #6124b1
  • #8a3db9
  • #c16598

CSS

background: linear-gradient(90deg in oklch, oklch(27.17% 0.1337 286.88) 0.0%, oklch(35.04% 0.1750 288.99) 25.0%, oklch(43.70% 0.2039 296.39) 50.0%, oklch(51.97% 0.1915 310.12) 75.0%, oklch(62.99% 0.1323 347.11) 100.0%);

In these collections

Three color gradientsPurple and pink gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works