Aller au contenu

Palettes Grabient

Bleu marine, cyan et bleu aux tons froids sans raccord en dégradé linéaire

Bleu marine, cyan et bleu aux tons froids sans raccord, palette de couleurs

Dégradé linéaire, 32 couleurs à 90° : #08101f, #17dbe8, #01809a, #053956, #051326. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

  • #08101f
  • #0f1d31
  • #18334c
  • #20506e
  • #247192
  • #2394b3
  • #1eb4ce
  • #19cde0
  • #17dbe8
  • #14dde9
  • #0fd8e3
  • #07ccda
  • #02bccd
  • #00abbf
  • #009ab1
  • #008ca4
  • #01809a
  • #017590
  • #016a86
  • #025f7c
  • #035472
  • #044a68
  • #05415e
  • #053956
  • #06324e
  • #062c46
  • #07263f
  • #072139
  • #061c33
  • #06182d
  • #061529
  • #051326

CSS

background: linear-gradient(90deg in oklch, oklch(17.32% 0.0344 261.56) 0.0%, oklch(23.03% 0.0435 256.39) 3.2%, oklch(31.33% 0.0566 248.92) 6.5%, oklch(41.25% 0.0722 239.99) 9.7%, oklch(51.82% 0.0889 230.44) 12.9%, oklch(62.07% 0.1051 221.12) 16.1%, oklch(71.03% 0.1194 212.85) 19.4%, oklch(77.74% 0.1302 206.47) 22.6%, oklch(81.26% 0.1360 202.79) 25.8%, oklch(81.85% 0.1373 201.48) 29.0%, oklch(80.25% 0.1352 201.89) 32.3%, oklch(77.01% 0.1305 203.64) 35.5%, oklch(72.70% 0.1243 206.31) 38.7%, oklch(67.86% 0.1172 209.52) 41.9%, oklch(63.05% 0.1102 212.84) 45.2%, oklch(58.81% 0.1043 215.88) 48.4%, oklch(55.50% 0.0999 218.42) 51.6%, oklch(52.19% 0.0957 221.19) 54.8%, oklch(48.78% 0.0914 224.24) 58.1%, oklch(45.35% 0.0873 227.45) 61.3%, oklch(41.97% 0.0831 230.72) 64.5%, oklch(38.71% 0.0790 233.93) 67.7%, oklch(35.67% 0.0751 236.99) 71.0%, oklch(32.92% 0.0712 239.78) 74.2%, oklch(30.46% 0.0674 242.32) 77.4%, oklch(28.15% 0.0635 244.82) 80.6%, oklch(26.02% 0.0595 247.24) 83.9%, oklch(24.07% 0.0557 249.53) 87.1%, oklch(22.33% 0.0521 251.63) 90.3%, oklch(20.81% 0.0489 253.50) 93.5%, oklch(19.53% 0.0462 255.06) 96.8%, oklch(18.50% 0.0441 256.28) 100.0%);

Dans ces collections

Bleu froidTurquoiseDégradés Cyber Monday

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