Aller au contenu

Palettes Grabient

Gris, vert, bleu canard et bleu marine (analogues) en dégradé linéaire

Gris, vert, bleu canard et bleu marine (analogues), palette de couleurs

Dégradé linéaire, 32 couleurs à 180° : #aa9e78, #728751, #2d6c50, #06504d, #0a313b. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

  • #aa9e78
  • #a79c74
  • #a29a6f
  • #9c976a
  • #959464
  • #8e915e
  • #858e59
  • #7c8a55
  • #728751
  • #68844f
  • #5f814e
  • #567e4d
  • #4d7b4d
  • #45774e
  • #3c744f
  • #347050
  • #2d6c50
  • #266951
  • #1f6551
  • #196051
  • #135c50
  • #0e5850
  • #09544f
  • #06504d
  • #044b4b
  • #044649
  • #054247
  • #063d44
  • #083941
  • #09363f
  • #0a333d
  • #0a313b

CSS

background: linear-gradient(180deg in oklch, oklch(70.08% 0.0551 92.81) 0.0%, oklch(69.26% 0.0570 95.36) 3.2%, oklch(68.22% 0.0598 98.61) 6.5%, oklch(66.99% 0.0631 102.45) 9.7%, oklch(65.60% 0.0667 106.77) 12.9%, oklch(64.11% 0.0706 111.43) 16.1%, oklch(62.54% 0.0744 116.32) 19.4%, oklch(60.95% 0.0780 121.31) 22.6%, oklch(59.36% 0.0811 126.30) 25.8%, oklch(57.82% 0.0835 131.15) 29.0%, oklch(56.36% 0.0851 135.74) 32.3%, oklch(55.00% 0.0858 140.07) 35.5%, oklch(53.65% 0.0857 144.44) 38.7%, oklch(52.30% 0.0850 148.83) 41.9%, oklch(50.95% 0.0838 153.25) 45.2%, oklch(49.61% 0.0822 157.65) 48.4%, oklch(48.27% 0.0803 162.04) 51.6%, oklch(46.94% 0.0782 166.38) 54.8%, oklch(45.62% 0.0760 170.65) 58.1%, oklch(44.30% 0.0738 174.84) 61.3%, oklch(42.99% 0.0716 178.92) 64.5%, oklch(41.69% 0.0696 182.90) 67.7%, oklch(40.32% 0.0674 186.98) 71.0%, oklch(38.88% 0.0648 191.16) 74.2%, oklch(37.42% 0.0621 195.36) 77.4%, oklch(35.96% 0.0593 199.50) 80.6%, oklch(34.54% 0.0565 203.50) 83.9%, oklch(33.18% 0.0537 207.28) 87.1%, oklch(31.93% 0.0511 210.75) 90.3%, oklch(30.82% 0.0489 213.85) 93.5%, oklch(29.87% 0.0469 216.48) 96.8%, oklch(29.13% 0.0455 218.57) 100.0%);

Dans ces collections

Dégradés jardin patinéDégradés multicolores douxDégradés aux tons éteints

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