Aller au contenu

Palettes Grabient

Bleu marine, bleu canard, vert et vert foncé en dégradé linéaire

Bleu marine, bleu canard, vert et vert foncé, palette de couleurs

Dégradé linéaire, 32 couleurs à 45° : #0a1730, #305176, #92c474, #3e8d53, #16452c. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

  • #0a1730
  • #0d1b34
  • #121f3a
  • #182542
  • #1e2b4a
  • #253354
  • #2b3b5e
  • #2f456a
  • #305176
  • #2d6083
  • #25748f
  • #1e8a96
  • #2b9e96
  • #49b090
  • #6abc86
  • #84c37c
  • #92c474
  • #94c26d
  • #8ebc67
  • #81b462
  • #70ab5e
  • #5da15a
  • #4c9657
  • #3e8d53
  • #35844e
  • #2e7a49
  • #276f43
  • #22653d
  • #1e5b38
  • #1b5233
  • #184a2f
  • #16452c

CSS

background: linear-gradient(45deg in oklch, oklch(20.87% 0.0524 262.27) 0.0%, oklch(22.44% 0.0537 262.47) 3.2%, oklch(24.43% 0.0553 263.60) 6.5%, oklch(26.79% 0.0571 264.99) 9.7%, oklch(29.49% 0.0593 265.98) 12.9%, oklch(32.46% 0.0619 265.91) 16.1%, oklch(35.68% 0.0650 264.12) 19.4%, oklch(39.08% 0.0686 259.95) 22.6%, oklch(42.67% 0.0728 252.68) 25.8%, oklch(47.13% 0.0783 240.77) 29.0%, oklch(52.40% 0.0851 224.96) 32.3%, oklch(58.04% 0.0924 206.81) 35.5%, oklch(63.62% 0.0999 187.86) 38.7%, oklch(68.71% 0.1071 169.66) 41.9%, oklch(72.86% 0.1133 153.75) 45.2%, oklch(75.64% 0.1182 141.68) 48.4%, oklch(76.66% 0.1212 134.73) 51.6%, oklch(76.08% 0.1233 131.94) 54.8%, oklch(74.24% 0.1244 132.26) 58.1%, oklch(71.48% 0.1247 134.82) 61.3%, oklch(68.13% 0.1242 138.74) 64.5%, oklch(64.50% 0.1229 143.14) 67.7%, oklch(60.94% 0.1208 147.15) 71.0%, oklch(57.78% 0.1179 149.87) 74.2%, oklch(54.97% 0.1140 151.14) 77.4%, oklch(51.86% 0.1081 152.24) 80.6%, oklch(48.57% 0.1010 153.23) 83.9%, oklch(45.26% 0.0931 154.11) 87.1%, oklch(42.10% 0.0853 154.89) 90.3%, oklch(39.23% 0.0780 155.56) 93.5%, oklch(36.83% 0.0718 156.13) 96.8%, oklch(35.04% 0.0675 156.59) 100.0%);

Dans ces collections

Dégradés multicolores vertsUniforme scolaireCallistemon et matin corailDégradés bleu et vert

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