Skip to content

Grabient palettes

Vivid analogous pink to purple linear gradient

Vivid analogous pink to purple color palette

Linear gradient, 7 colors at 90°: #fc3aa1, #f434bf, #d537dc, #a53be4, #792ece, #511ea3, #341273. Edit and export CSS, SVG, PNG or a shader.

5 editable OKLCH keyframes.

  • #fc3aa1
  • #f434bf
  • #d537dc
  • #a53be4
  • #792ece
  • #511ea3
  • #341273

CSS

background: linear-gradient(90deg in oklch, oklch(67.32% 0.2411 353.67) 0.0%, oklch(66.77% 0.2559 342.17) 16.7%, oklch(63.90% 0.2581 326.24) 33.3%, oklch(58.27% 0.2439 309.29) 50.0%, oklch(49.93% 0.2266 299.07) 66.7%, oklch(40.00% 0.1926 292.97) 83.3%, oklch(30.71% 0.1502 290.27) 100.0%);

In these collections

Conic gradients

Similar palettesCollectionsDownload PNGPalette JSONMarkdownHow it works