Bleu canard, bleu gris, bleu et gris foncé en dégradé angulaire

Dégradé angulaire, 32 couleurs à 135° : #437575, #7096a6, #5a7094, #313d5b, #383b3d. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #437575
• #487979
• #4e7e80
• #568589
• #5e8b91
• #659099
• #6a949f
• #6d96a3
• #7096a6
• #7195a8
• #7292a9
• #728fa9
• #718ba7
• #6e86a4
• #6980a0
• #62789a
• #5a7094
• #52678d
• #4c5f85
• #46587e
• #405176
• #3b4a6d
• #354364
• #313d5b
• #2d3854
• #2a364e
• #293549
• #2a3646
• #2d3843
• #313940
• #353b3f
• #383b3d

CSS

background: conic-gradient(from 135deg in oklch, oklch(52.76% 0.0537 194.77) 0.0%, oklch(54.10% 0.0531 196.81) 3.2%, oklch(56.07% 0.0520 199.50) 6.5%, oklch(58.35% 0.0508 202.74) 9.7%, oklch(60.65% 0.0497 206.45) 12.9%, oklch(62.63% 0.0488 210.56) 16.1%, oklch(64.00% 0.0483 214.98) 19.4%, oklch(64.67% 0.0482 219.99) 22.6%, oklch(64.97% 0.0484 225.98) 25.8%, oklch(64.92% 0.0489 232.48) 29.0%, oklch(64.53% 0.0496 239.01) 32.3%, oklch(63.79% 0.0506 245.07) 35.5%, oklch(62.72% 0.0518 250.17) 38.7%, oklch(61.26% 0.0535 253.96) 41.9%, oklch(59.24% 0.0561 256.82) 45.2%, oklch(56.79% 0.0591 258.96) 48.4%, oklch(54.10% 0.0622 260.57) 51.6%, oklch(51.34% 0.0647 261.81) 54.8%, oklch(48.70% 0.0661 262.85) 58.1%, oklch(46.29% 0.0659 263.88) 61.3%, oklch(43.75% 0.0645 264.97) 64.5%, oklch(41.12% 0.0621 265.94) 67.7%, oklch(38.58% 0.0589 266.56) 71.0%, oklch(36.31% 0.0551 266.61) 74.2%, oklch(34.48% 0.0507 265.85) 77.4%, oklch(33.28% 0.0458 264.04) 80.6%, oklch(32.83% 0.0396 260.57) 83.9%, oklch(32.95% 0.0321 255.75) 87.1%, oklch(33.45% 0.0242 250.28) 90.3%, oklch(34.11% 0.0166 244.87) 93.5%, oklch(34.71% 0.0101 240.22) 96.8%, oklch(35.04% 0.0055 237.04) 100.0%);

Dans ces collections

Dégradés bleu marine et bleu canard

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