Aller au contenu

Palettes Grabient

Bleu canard, bleu, lavande et rose aux tons pastel en dégradé linéaire

Bleu canard, bleu, lavande et rose aux tons pastel, palette de couleurs

Dégradé linéaire, 32 couleurs à 90° : #85e1bb, #6ecfdf, #919ee8, #c483d4, #e290b4. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

  • #85e1bb
  • #82e0be
  • #7edfc2
  • #7adec7
  • #76dccc
  • #73d9d1
  • #71d6d6
  • #6fd3db
  • #6ecfdf
  • #6ecae2
  • #6fc5e6
  • #71bee8
  • #76b7ea
  • #7cb0ea
  • #82a9ea
  • #89a3e9
  • #919ee8
  • #9899e7
  • #9f94e5
  • #a790e3
  • #af8be1
  • #b688de
  • #bd85d9
  • #c483d4
  • #ca82cf
  • #cf82ca
  • #d484c4
  • #d886c0
  • #dc89bc
  • #df8cb9
  • #e18fb6
  • #e290b4

CSS

background: linear-gradient(90deg in oklch, oklch(84.25% 0.1047 165.23) 0.0%, oklch(83.97% 0.1037 168.46) 3.2%, oklch(83.62% 0.1020 172.59) 6.5%, oklch(83.21% 0.1001 177.50) 9.7%, oklch(82.74% 0.0981 183.07) 12.9%, oklch(82.19% 0.0962 189.15) 16.1%, oklch(81.57% 0.0947 195.62) 19.4%, oklch(80.88% 0.0938 202.36) 22.6%, oklch(80.11% 0.0938 209.26) 25.8%, oklch(79.15% 0.0944 216.82) 29.0%, oklch(78.03% 0.0955 225.07) 32.3%, oklch(76.81% 0.0970 233.78) 35.5%, oklch(75.57% 0.0989 242.69) 38.7%, oklch(74.37% 0.1011 251.56) 41.9%, oklch(73.29% 0.1036 260.15) 45.2%, oklch(72.40% 0.1062 268.21) 48.4%, oklch(71.75% 0.1090 275.58) 51.6%, oklch(71.23% 0.1128 282.63) 54.8%, oklch(70.84% 0.1173 289.42) 58.1%, oklch(70.55% 0.1221 295.94) 61.3%, oklch(70.37% 0.1267 302.20) 64.5%, oklch(70.30% 0.1307 308.17) 67.7%, oklch(70.32% 0.1336 313.87) 71.0%, oklch(70.43% 0.1350 319.27) 74.2%, oklch(70.68% 0.1344 324.45) 77.4%, oklch(71.14% 0.1320 329.51) 80.6%, oklch(71.75% 0.1282 334.36) 83.9%, oklch(72.45% 0.1236 338.92) 87.1%, oklch(73.17% 0.1187 343.09) 90.3%, oklch(73.85% 0.1140 346.77) 93.5%, oklch(74.41% 0.1101 349.86) 96.8%, oklch(74.80% 0.1075 352.28) 100.0%);

Dans ces collections

Marguerites du Cap et brise marineDégradés vaporwave

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