Bleu et bleu clair (monochrome) aux tons éteints en dégradé linéaire

Dégradé linéaire, 32 couleurs à 180° : #30516c, #6990a7, #c7e0e6, #a1d6e3, #477c9d. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #30516c
• #345570
• #395b76
• #3f637e
• #466b86
• #4d738e
• #567c97
• #5e869f
• #6990a7
• #749ab1
• #7fa5ba
• #8bb0c2
• #96baca
• #a1c3d2
• #aecdd9
• #bbd7e0
• #c7e0e6
• #d1e7ec
• #d6ebef
• #d6ecf1
• #ceeaef
• #c2e5ec
• #b2dee8
• #a1d6e3
• #90cddd
• #82c3d6
• #76b8cd
• #69aac3
• #5e9cb8
• #548fad
• #4d84a3
• #477c9d

CSS

background: linear-gradient(180deg in oklch, oklch(42.13% 0.0593 244.69) 0.0%, oklch(43.68% 0.0594 244.08) 3.2%, oklch(45.76% 0.0598 243.30) 6.5%, oklch(48.26% 0.0602 242.35) 9.7%, oklch(51.03% 0.0604 241.24) 12.9%, oklch(53.95% 0.0602 240.00) 16.1%, oklch(56.90% 0.0595 238.63) 19.4%, oklch(59.91% 0.0581 237.14) 22.6%, oklch(63.21% 0.0561 235.48) 25.8%, oklch(66.69% 0.0537 233.69) 29.0%, oklch(70.19% 0.0511 231.77) 32.3%, oklch(73.60% 0.0482 229.74) 35.5%, oklch(76.78% 0.0453 227.60) 38.7%, oklch(79.74% 0.0420 225.26) 41.9%, oklch(82.92% 0.0375 222.38) 45.2%, oklch(86.10% 0.0324 219.24) 48.4%, oklch(88.98% 0.0276 216.17) 51.6%, oklch(91.26% 0.0241 213.49) 54.8%, oklch(92.64% 0.0228 211.55) 58.1%, oklch(92.84% 0.0246 210.63) 61.3%, oklch(91.85% 0.0303 210.53) 64.5%, oklch(89.92% 0.0385 211.08) 67.7%, oklch(87.33% 0.0481 212.17) 71.0%, oklch(84.33% 0.0577 213.70) 74.2%, oklch(81.18% 0.0658 215.56) 77.4%, oklch(78.13% 0.0711 217.66) 80.6%, oklch(74.58% 0.0740 220.54) 83.9%, oklch(70.48% 0.0755 224.14) 87.1%, oklch(66.21% 0.0760 228.04) 90.3%, oklch(62.17% 0.0759 231.82) 93.5%, oklch(58.74% 0.0757 235.04) 96.8%, oklch(56.30% 0.0758 237.29) 100.0%);

Dans ces collections

Bleu froidDégradés bleus

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