Zum Inhalt springen

Grabient-Paletten

Nahtloses kräftiges Violett, Rosa und Pfirsich, linearer Farbverlauf

Farbpalette Nahtloses kräftiges Violett, Rosa und Pfirsich

Linearer Farbverlauf, 32 Farben im Winkel von 135°: #351b6b, #b735ac, #ff9768, #a12597, #301961. Bearbeite sie und exportiere CSS, SVG, PNG oder einen Shader.

5 bearbeitbare OKLCH-Keyframes.

  • #351b6b
  • #3d1e73
  • #48217e
  • #57248a
  • #682797
  • #7b2aa2
  • #8f2eaa
  • #a431ae
  • #b735ac
  • #cd3ca4
  • #e34796
  • #f65684
  • #ff6c75
  • #ff8370
  • #ff926d
  • #ff996c
  • #ff9768
  • #ff8b64
  • #ff7661
  • #f65f6a
  • #e54b79
  • #cf3a87
  • #b72d91
  • #a12597
  • #8f2198
  • #7c1e94
  • #6a1d8e
  • #5a1d85
  • #4c1c7b
  • #401b70
  • #361a67
  • #301961

CSS

background: linear-gradient(135deg in oklch, oklch(31.10% 0.1295 291.80) 0.0%, oklch(33.11% 0.1368 294.58) 3.2%, oklch(35.81% 0.1474 298.00) 6.5%, oklch(39.03% 0.1602 302.06) 9.7%, oklch(42.58% 0.1737 306.75) 12.9%, oklch(46.30% 0.1867 312.06) 16.1%, oklch(50.00% 0.1979 318.00) 19.4%, oklch(53.51% 0.2061 324.54) 22.6%, oklch(56.68% 0.2099 331.78) 25.8%, oklch(60.16% 0.2090 341.48) 29.0%, oklch(64.00% 0.2045 353.41) 32.3%, oklch(67.90% 0.1976 6.35) 35.5%, oklch(71.54% 0.1788 19.11) 38.7%, oklch(74.64% 0.1541 30.47) 41.9%, oklch(76.87% 0.1411 39.23) 45.2%, oklch(77.95% 0.1367 44.20) 48.4%, oklch(77.55% 0.1398 44.20) 51.6%, oklch(75.58% 0.1510 39.23) 54.8%, oklch(72.39% 0.1719 30.47) 58.1%, oklch(68.33% 0.1846 19.11) 61.3%, oklch(63.77% 0.1913 6.35) 64.5%, oklch(59.09% 0.1970 353.41) 67.7%, oklch(54.65% 0.2004 341.48) 71.0%, oklch(50.82% 0.2005 331.78) 74.2%, oklch(47.61% 0.1961 324.54) 77.4%, oklch(44.40% 0.1876 318.00) 80.6%, oklch(41.23% 0.1763 312.06) 83.9%, oklch(38.19% 0.1634 306.75) 87.1%, oklch(35.37% 0.1501 302.06) 90.3%, oklch(32.86% 0.1376 298.00) 93.5%, oklch(30.75% 0.1271 294.58) 96.8%, oklch(29.13% 0.1199 291.80) 100.0%);

In diesen Sammlungen

Sonnenuntergangs-FarbverläufeFarbverläufe in Orange und Violett

Ähnliche PalettenSammlungenPNG herunterladenPaletten-JSONMarkdownSo funktioniert es