Aller au contenu

Palettes Grabient

Beige, pêche et vert olive aux tons pastel en dégradé radial

Beige, pêche et vert olive aux tons pastel, palette de couleurs

Dégradé radial, 32 couleurs : #f6e6c5, #c4a379, #deb090, #e7c19b, #929b64. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

  • #f6e6c5
  • #f2e1bf
  • #eddab7
  • #e6d1ad
  • #dfc8a2
  • #d7be96
  • #d0b48b
  • #c9ab81
  • #c4a379
  • #c09d72
  • #be996e
  • #bf986e
  • #c29971
  • #c79d76
  • #cea37e
  • #d6a987
  • #deb090
  • #e5b799
  • #ebbea0
  • #f0c3a5
  • #f2c6a8
  • #f2c6a7
  • #eec4a2
  • #e7c19b
  • #debd93
  • #d3b789
  • #c7b280
  • #bbac77
  • #aea770
  • #a2a26a
  • #999e66
  • #929b64

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0469 85.08) 0.0%, oklch(91.47% 0.0485 84.16) 3.2%, oklch(89.41% 0.0508 82.96) 6.5%, oklch(86.91% 0.0536 81.54) 9.7%, oklch(84.12% 0.0567 79.95) 12.9%, oklch(81.22% 0.0599 78.24) 16.1%, oklch(78.36% 0.0632 76.46) 19.4%, oklch(75.70% 0.0662 74.66) 22.6%, oklch(73.43% 0.0689 72.90) 25.8%, oklch(71.68% 0.0711 71.23) 29.0%, oklch(70.64% 0.0727 69.70) 32.3%, oklch(70.46% 0.0734 68.18) 35.5%, oklch(71.18% 0.0734 66.21) 38.7%, oklch(72.60% 0.0728 63.93) 41.9%, oklch(74.52% 0.0718 61.53) 45.2%, oklch(76.76% 0.0705 59.21) 48.4%, oklch(79.10% 0.0690 57.14) 51.6%, oklch(81.37% 0.0676 55.53) 54.8%, oklch(83.36% 0.0663 54.56) 58.1%, oklch(84.88% 0.0653 54.42) 61.3%, oklch(85.73% 0.0648 55.30) 64.5%, oklch(85.73% 0.0649 57.42) 67.7%, oklch(84.93% 0.0654 61.19) 71.0%, oklch(83.50% 0.0664 66.40) 74.2%, oklch(81.60% 0.0677 72.70) 77.4%, oklch(79.36% 0.0691 79.73) 80.6%, oklch(76.92% 0.0707 87.11) 83.9%, oklch(74.44% 0.0723 94.50) 87.1%, oklch(72.06% 0.0739 101.52) 90.3%, oklch(69.91% 0.0752 107.81) 93.5%, oklch(68.16% 0.0764 113.02) 96.8%, oklch(66.93% 0.0772 116.78) 100.0%);

Dans ces collections

CrèmeGivre au verger à l’aubeCallistemon et matin corailGuirlande de jasmin et bordure dorée

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