Skip to content
Grabient palettes

Analogous lavender, purple and pink linear gradient

Analogous lavender, purple and pink color palette

Linear gradient, 7 colors at 90°: #dbcef3, #b79cdf, #8e67bf, #723fa0, #8c3e9f, #bb51a7, #ea6eb1. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #dbcef3
  • #b79cdf
  • #8e67bf
  • #723fa0
  • #8c3e9f
  • #bb51a7
  • #ea6eb1

CSS

background: linear-gradient(90deg in oklch, oklch(87.40% 0.0510 300.94) 0.0%, oklch(74.12% 0.0980 302.27) 16.7%, oklch(59.13% 0.1358 303.01) 33.3%, oklch(47.64% 0.1543 305.16) 50.0%, oklch(50.76% 0.1652 319.29) 66.7%, oklch(59.92% 0.1695 335.26) 83.3%, oklch(70.47% 0.1695 348.49) 100.0%);

In these collections

Hero section gradientsVaporwave gradientsPurple and pink gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works