Bleu foncé, bleu clair et bleu aux tons froids en dégradé linéaire

Dégradé linéaire, 32 couleurs à 135° : #121571, #9bccdc, #799baa, #336186, #56aee8. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #121571
• #11277b
• #113c87
• #1a5495
• #2c6ea5
• #4688b4
• #63a2c2
• #80b9d0
• #9bccdc
• #b1dbe5
• #c0e3eb
• #c4e4ea
• #bfdee4
• #b3d2d9
• #a2c2cb
• #8eafbb
• #799baa
• #64889b
• #52778d
• #436983
• #39607d
• #345c7b
• #325d7f
• #336186
• #366891
• #3b729e
• #407dac
• #4589bb
• #4b94c9
• #509fd6
• #54a8e1
• #56aee8

CSS

background: linear-gradient(135deg in oklch, oklch(27.95% 0.1516 270.00) 0.0%, oklch(31.94% 0.1444 266.22) 3.2%, oklch(37.62% 0.1345 260.88) 6.5%, oklch(44.53% 0.1224 254.40) 9.7%, oklch(52.23% 0.1090 247.17) 12.9%, oklch(60.25% 0.0949 239.62) 16.1%, oklch(68.15% 0.0808 232.16) 19.4%, oklch(75.46% 0.0674 225.19) 22.6%, oklch(81.73% 0.0555 219.13) 25.8%, oklch(86.50% 0.0457 214.39) 29.0%, oklch(89.33% 0.0388 211.37) 32.3%, oklch(89.79% 0.0350 210.41) 35.5%, oklch(87.94% 0.0336 211.28) 38.7%, oklch(84.26% 0.0342 213.63) 41.9%, oklch(79.22% 0.0364 217.12) 45.2%, oklch(73.30% 0.0398 221.38) 48.4%, oklch(66.97% 0.0442 226.09) 51.6%, oklch(60.71% 0.0493 230.88) 54.8%, oklch(55.00% 0.0546 235.41) 58.1%, oklch(50.31% 0.0598 239.33) 61.3%, oklch(47.12% 0.0647 242.30) 64.5%, oklch(45.86% 0.0689 244.02) 67.7%, oklch(46.19% 0.0736 244.91) 71.0%, oklch(47.73% 0.0789 245.23) 74.2%, oklch(50.20% 0.0846 245.11) 77.4%, oklch(53.36% 0.0906 244.63) 80.6%, oklch(56.94% 0.0966 243.91) 83.9%, oklch(60.68% 0.1024 243.06) 87.1%, oklch(64.32% 0.1078 242.17) 90.3%, oklch(67.60% 0.1127 241.37) 93.5%, oklch(70.26% 0.1168 240.74) 96.8%, oklch(72.05% 0.1199 240.41) 100.0%);

Dans ces collections

Dégradés bleus

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