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

Dégradé linéaire, 32 couleurs à 180° : #514583, #1d8093, #bcc8e0, #4ec1bb, #26346f. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #514583
• #4c4a88
• #43508c
• #375790
• #266091
• #116890
• #00708e
• #03788f
• #1d8093
• #38889c
• #5392aa
• #6e9db7
• #87a8c3
• #9db3cd
• #afbcd5
• #b9c4db
• #bcc8e0
• #b9cbe5
• #afcde8
• #9fcee8
• #8acfe2
• #75cdd6
• #61c8c7
• #4ec1bb
• #38b6b2
• #15a6ac
• #0092a4
• #007c9b
• #006693
• #1a5186
• #233f79
• #26346f

CSS

background: linear-gradient(180deg in oklch, oklch(43.31% 0.1006 290.39) 0.0%, oklch(44.10% 0.1002 283.37) 3.2%, oklch(45.03% 0.0999 273.00) 6.5%, oklch(46.14% 0.0997 260.60) 9.7%, oklch(47.44% 0.0992 247.48) 12.9%, oklch(48.99% 0.0982 234.95) 16.1%, oklch(50.81% 0.0957 224.35) 19.4%, oklch(52.92% 0.0938 216.94) 22.6%, oklch(55.39% 0.0898 214.11) 25.8%, oklch(58.70% 0.0831 216.80) 29.0%, oklch(62.74% 0.0742 223.81) 32.3%, oklch(67.17% 0.0641 233.51) 35.5%, oklch(71.64% 0.0540 244.23) 38.7%, oklch(75.82% 0.0449 254.34) 41.9%, oklch(79.35% 0.0381 262.18) 45.2%, oklch(81.89% 0.0346 266.11) 48.4%, oklch(83.20% 0.0355 264.48) 51.6%, oklch(83.71% 0.0412 257.04) 54.8%, oklch(83.55% 0.0503 245.49) 58.1%, oklch(82.77% 0.0616 231.66) 61.3%, oklch(81.42% 0.0738 217.38) 64.5%, oklch(79.55% 0.0858 204.48) 67.7%, oklch(77.18% 0.0961 194.79) 71.0%, oklch(74.38% 0.1035 190.16) 74.2%, oklch(70.87% 0.1074 191.94) 77.4%, oklch(66.08% 0.1092 199.14) 80.6%, oklch(60.42% 0.1046 210.22) 83.9%, oklch(54.34% 0.1018 223.65) 87.1%, oklch(48.28% 0.1069 237.91) 90.3%, oklch(42.67% 0.1054 251.43) 93.5%, oklch(37.98% 0.1040 262.75) 96.8%, oklch(34.65% 0.1033 270.31) 100.0%);

Dans ces collections

Dégradés aux tons froids

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