Aller au contenu

Palettes Grabient

Lavande, bleu canard et bleu (trichromie) aux tons pastel en dégradé radial

Lavande, bleu canard et bleu (trichromie) aux tons pastel, palette de couleurs

Dégradé radial, 32 couleurs : #cebad8, #95c2df, #67c5c7, #5fbdc7, #8ca8c3. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

  • #cebad8
  • #cabadb
  • #c6bbdd
  • #c0bbe0
  • #b8bce2
  • #b0bde3
  • #a6bfe3
  • #9dc0e2
  • #95c2df
  • #8dc3db
  • #87c4d7
  • #82c4d4
  • #7dc4d1
  • #77c4ce
  • #72c5cc
  • #6dc5c9
  • #67c5c7
  • #63c4c6
  • #5ec4c5
  • #5bc3c4
  • #59c2c4
  • #59c1c4
  • #5bbfc5
  • #5fbdc7
  • #64bac8
  • #6bb7ca
  • #73b4ca
  • #7ab1c9
  • #80aec8
  • #85acc6
  • #89aac4
  • #8ca8c3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(81.50% 0.0469 313.59) 0.0%, oklch(81.32% 0.0481 307.83) 3.2%, oklch(81.08% 0.0496 300.05) 6.5%, oklch(80.81% 0.0515 290.72) 9.7%, oklch(80.51% 0.0535 280.30) 12.9%, oklch(80.18% 0.0558 269.23) 16.1%, oklch(79.83% 0.0581 258.00) 19.4%, oklch(79.47% 0.0606 247.04) 22.6%, oklch(79.12% 0.0631 236.83) 25.8%, oklch(78.78% 0.0656 227.83) 29.0%, oklch(78.45% 0.0681 220.48) 32.3%, oklch(78.14% 0.0707 214.90) 35.5%, oklch(77.84% 0.0738 210.12) 38.7%, oklch(77.53% 0.0775 206.05) 41.9%, oklch(77.23% 0.0813 202.69) 45.2%, oklch(76.92% 0.0851 200.02) 48.4%, oklch(76.62% 0.0888 198.02) 51.6%, oklch(76.31% 0.0919 196.70) 54.8%, oklch(76.01% 0.0945 196.02) 58.1%, oklch(75.70% 0.0962 196.00) 61.3%, oklch(75.40% 0.0968 196.60) 64.5%, oklch(75.09% 0.0960 197.89) 67.7%, oklch(74.77% 0.0937 200.56) 71.0%, oklch(74.42% 0.0900 204.57) 74.2%, oklch(74.07% 0.0852 209.58) 77.4%, oklch(73.72% 0.0797 215.29) 80.6%, oklch(73.37% 0.0738 221.36) 83.9%, oklch(73.04% 0.0678 227.48) 87.1%, oklch(72.73% 0.0620 233.32) 90.3%, oklch(72.46% 0.0568 238.56) 93.5%, oklch(72.23% 0.0526 242.88) 96.8%, oklch(72.05% 0.0496 245.96) 100.0%);

Dans ces collections

Dégradés pastel de printempsDégradés de glace

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