Aller au contenu

Palettes Grabient

Bleu marine, bleu canard, bleu clair et rose en dégradé radial

Bleu marine, bleu canard, bleu clair et rose, palette de couleurs

Dégradé radial, 32 couleurs : #121a37, #1b6f8a, #17c7d5, #8fa5ff, #ef4a93. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

  • #121a37
  • #141f3e
  • #172646
  • #192f50
  • #1a3a5b
  • #1c4667
  • #1c5373
  • #1c617f
  • #1b6f8a
  • #1c7e95
  • #1d8c9f
  • #209aa9
  • #23a6b1
  • #25b2ba
  • #25bbc3
  • #21c2cc
  • #17c7d5
  • #05cae0
  • #00c9ed
  • #17c6f9
  • #48c0ff
  • #69b8ff
  • #7eafff
  • #8fa5ff
  • #a099ff
  • #b388ff
  • #c678f4
  • #d36ce0
  • #de61ca
  • #e657b5
  • #ec50a2
  • #ef4a93

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(22.83% 0.0579 270.00) 0.0%, oklch(24.85% 0.0602 267.11) 3.2%, oklch(27.47% 0.0630 262.97) 6.5%, oklch(30.60% 0.0662 257.80) 9.7%, oklch(34.15% 0.0698 251.84) 12.9%, oklch(38.01% 0.0736 245.33) 16.1%, oklch(42.12% 0.0778 238.50) 19.4%, oklch(46.36% 0.0822 231.58) 22.6%, oklch(50.65% 0.0868 224.81) 25.8%, oklch(54.91% 0.0915 218.42) 29.0%, oklch(59.03% 0.0964 212.65) 32.3%, oklch(62.92% 0.1014 207.72) 35.5%, oklch(66.50% 0.1065 203.89) 38.7%, oklch(69.66% 0.1115 201.37) 41.9%, oklch(72.33% 0.1166 200.40) 45.2%, oklch(74.41% 0.1216 201.22) 48.4%, oklch(75.83% 0.1265 204.09) 51.6%, oklch(76.71% 0.1319 209.26) 54.8%, oklch(77.12% 0.1373 216.47) 58.1%, oklch(77.13% 0.1437 225.42) 61.3%, oklch(76.79% 0.1381 235.81) 64.5%, oklch(76.15% 0.1290 247.33) 67.7%, oklch(75.28% 0.1272 259.68) 71.0%, oklch(74.23% 0.1325 272.55) 74.2%, oklch(73.05% 0.1461 285.64) 77.4%, oklch(71.81% 0.1708 298.64) 80.6%, oklch(70.56% 0.1875 311.24) 83.9%, oklch(69.35% 0.1930 323.15) 87.1%, oklch(68.25% 0.1980 334.05) 90.3%, oklch(67.31% 0.2025 343.65) 93.5%, oklch(66.59% 0.2063 351.64) 96.8%, oklch(66.14% 0.2094 357.71) 100.0%);

Dans ces collections

Dégradés rose et bleu canardCollage d’autocollants de casier

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