Aller au contenu

Palettes Grabient

Rose, violet et bleu marine (trichromie) aux tons éteints en dégradé radial

Rose, violet et bleu marine (trichromie) aux tons éteints, palette de couleurs

Dégradé radial, 32 couleurs : #edd2bf, #c690a7, #7b5f87, #45426f, #1c2847. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

  • #edd2bf
  • #eccdbb
  • #ebc5b6
  • #e8bcb3
  • #e4b2b0
  • #dea8af
  • #d6a0ae
  • #ce98ab
  • #c690a7
  • #bd88a2
  • #b3819c
  • #aa7997
  • #a17393
  • #986d8f
  • #8e688c
  • #85638a
  • #7b5f87
  • #725b84
  • #695780
  • #61537c
  • #5a4f79
  • #524a75
  • #4b4672
  • #45426f
  • #3e3e6b
  • #383b66
  • #323761
  • #2c345b
  • #263055
  • #222d4f
  • #1e2a4a
  • #1c2847

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.0400 56.95) 0.0%, oklch(86.90% 0.0431 50.75) 3.2%, oklch(85.15% 0.0476 41.91) 6.5%, oklch(83.07% 0.0529 31.55) 9.7%, oklch(80.78% 0.0582 20.75) 12.9%, oklch(78.39% 0.0632 10.64) 16.1%, oklch(76.04% 0.0669 2.30) 19.4%, oklch(73.72% 0.0694 356.33) 22.6%, oklch(71.24% 0.0711 351.89) 25.8%, oklch(68.67% 0.0721 348.41) 29.0%, oklch(66.08% 0.0727 345.36) 32.3%, oklch(63.54% 0.0730 342.22) 35.5%, oklch(61.14% 0.0730 338.44) 38.7%, oklch(58.92% 0.0729 333.63) 41.9%, oklch(56.82% 0.0721 328.08) 45.2%, oklch(54.82% 0.0709 322.12) 48.4%, oklch(52.88% 0.0695 316.03) 51.6%, oklch(50.99% 0.0683 310.13) 54.8%, oklch(49.14% 0.0676 304.69) 58.1%, oklch(47.30% 0.0677 299.96) 61.3%, oklch(45.49% 0.0687 295.73) 64.5%, oklch(43.73% 0.0703 291.87) 67.7%, oklch(42.01% 0.0721 288.31) 71.0%, oklch(40.33% 0.0737 285.02) 74.2%, oklch(38.68% 0.0745 281.93) 77.4%, oklch(37.08% 0.0742 279.00) 80.6%, oklch(35.41% 0.0726 276.18) 83.9%, oklch(33.70% 0.0700 273.52) 87.1%, oklch(32.05% 0.0669 271.09) 90.3%, oklch(30.54% 0.0638 268.95) 93.5%, oklch(29.28% 0.0611 267.18) 96.8%, oklch(28.35% 0.0593 265.84) 100.0%);

Dans ces collections

Dégradés de fond pour ZoomPalette de couleurs romantique

Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche