Aller au contenu

Palettes Grabient

Bleu marine, bleu canard, bleu et blanc cassé (analogues) en dégradé linéaire

Bleu marine, bleu canard, bleu et blanc cassé (analogues), palette de couleurs

Dégradé linéaire, 32 couleurs à 90° : #172944, #1b8764, #008292, #4c86aa, #e1f0d8. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

  • #172944
  • #152f4a
  • #103953
  • #01455c
  • #005261
  • #005f65
  • #006e68
  • #007c67
  • #1b8764
  • #329061
  • #3f9660
  • #3f9a64
  • #319a6b
  • #079877
  • #009283
  • #008a8b
  • #008292
  • #007a9a
  • #1a729e
  • #306d9e
  • #3b6c9e
  • #4270a1
  • #4679a5
  • #4c86aa
  • #5595ae
  • #65a6b2
  • #7ab6b6
  • #92c5bb
  • #abd3c1
  • #c2dfc8
  • #d4e9d1
  • #e1f0d8

CSS

background: linear-gradient(90deg in oklch, oklch(27.95% 0.0551 258.05) 0.0%, oklch(30.02% 0.0591 251.19) 3.2%, oklch(32.90% 0.0647 241.32) 6.5%, oklch(36.37% 0.0715 229.25) 9.7%, oklch(40.25% 0.0714 215.87) 12.9%, oklch(44.33% 0.0754 201.92) 16.1%, oklch(48.39% 0.0841 188.30) 19.4%, oklch(52.25% 0.0978 175.84) 22.6%, oklch(55.70% 0.1089 165.39) 25.8%, oklch(58.54% 0.1142 157.76) 29.0%, oklch(60.56% 0.1178 153.79) 32.3%, oklch(61.56% 0.1195 154.46) 35.5%, oklch(61.50% 0.1199 160.13) 38.7%, oklch(60.61% 0.1192 169.73) 41.9%, oklch(59.15% 0.1059 182.11) 45.2%, oklch(57.35% 0.0977 196.15) 48.4%, oklch(55.46% 0.0962 210.70) 51.6%, oklch(53.74% 0.1015 224.61) 54.8%, oklch(52.42% 0.1046 236.72) 58.1%, oklch(51.75% 0.1005 245.93) 61.3%, oklch(51.98% 0.0964 251.09) 64.5%, oklch(53.35% 0.0923 251.10) 67.7%, oklch(55.93% 0.0874 246.18) 71.0%, oklch(59.48% 0.0817 237.30) 74.2%, oklch(63.76% 0.0754 225.39) 77.4%, oklch(68.54% 0.0688 211.34) 80.6%, oklch(73.55% 0.0621 196.08) 83.9%, oklch(78.57% 0.0555 180.51) 87.1%, oklch(83.34% 0.0494 165.54) 90.3%, oklch(87.61% 0.0439 152.08) 93.5%, oklch(91.15% 0.0393 141.05) 96.8%, oklch(93.70% 0.0358 133.35) 100.0%);

Dans ces collections

Première floraison du jacarandaTurquoiseDégradés multicolores vertsDégradés bleu et vert

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