Skip to content
Grabient palettes

Analogous purple to pink linear gradient

Analogous purple to pink color palette

Linear gradient, 7 colors at 90°: #65157f, #832780, #a84181, #c8648d, #e089a1, #e5adbc, #e2c7cf. Edit and export CSS, SVG, PNG or a shader.

4 editable OKLCH keyframes.

  • #65157f
  • #832780
  • #a84181
  • #c8648d
  • #e089a1
  • #e5adbc
  • #e2c7cf

CSS

background: linear-gradient(90deg in oklch, oklch(38.58% 0.1695 315.70) 0.0%, oklch(44.86% 0.1640 329.44) 16.7%, oklch(53.54% 0.1530 345.29) 33.3%, oklch(63.34% 0.1346 355.93) 50.0%, oklch(72.83% 0.1089 2.20) 66.7%, oklch(80.34% 0.0682 0.62) 83.3%, oklch(85.43% 0.0331 356.92) 100.0%);

In these collections

Hero section gradientsPurple gradientsPurple and pink gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works