Bleu, bleu clair et bleu marine aux tons froids en dégradé radial

Dégradé radial, 40 couleurs : #0057b1, #4ba9e9, #365691, #0c214e, #1b6f7d. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #0057b1
• #025cb4
• #0762b9
• #0f6bbf
• #1774c5
• #207ecd
• #2988d4
• #3292db
• #3b9be1
• #44a3e6
• #4ba9e9
• #51adeb
• #56afeb
• #58aee9
• #57a8e3
• #559fda
• #5094ce
• #4b86c1
• #4476b1
• #3d66a1
• #365691
• #2e4780
• #273a71
• #212e64
• #1b2559
• #171e51
• #131a4c
• #111a4a
• #0e1d4b
• #0c214e
• #092752
• #062f57
• #03385d
• #014164
• #004b69
• #03546f
• #085d74
• #106478
• #176b7b
• #1b6f7d

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(46.85% 0.1598 255.96) 0.0%, oklch(48.16% 0.1580 255.16) 2.6%, oklch(50.06% 0.1558 254.02) 5.1%, oklch(52.43% 0.1531 252.60) 7.7%, oklch(55.12% 0.1501 250.99) 10.3%, oklch(58.00% 0.1469 249.26) 12.8%, oklch(60.95% 0.1434 247.49) 15.4%, oklch(63.82% 0.1399 245.78) 17.9%, oklch(66.48% 0.1363 244.20) 20.5%, oklch(68.81% 0.1327 242.83) 23.1%, oklch(70.66% 0.1292 241.76) 25.6%, oklch(71.91% 0.1258 241.06) 28.2%, oklch(72.41% 0.1227 240.83) 30.8%, oklch(72.05% 0.1199 241.14) 33.3%, oklch(70.59% 0.1172 242.26) 35.9%, oklch(68.04% 0.1147 244.27) 38.5%, oklch(64.61% 0.1121 246.97) 41.0%, oklch(60.48% 0.1096 250.20) 43.6%, oklch(55.85% 0.1072 253.76) 46.2%, oklch(50.93% 0.1048 257.46) 48.7%, oklch(45.92% 0.1026 261.12) 51.3%, oklch(41.00% 0.1004 264.55) 53.8%, oklch(36.37% 0.0983 267.57) 56.4%, oklch(32.24% 0.0963 269.99) 59.0%, oklch(28.81% 0.0944 271.62) 61.5%, oklch(26.26% 0.0926 272.29) 64.1%, oklch(24.80% 0.0909 271.79) 66.7%, oklch(24.44% 0.0894 269.97) 69.2%, oklch(24.94% 0.0880 266.92) 71.8%, oklch(26.19% 0.0867 262.86) 74.4%, oklch(28.04% 0.0855 257.98) 76.9%, oklch(30.37% 0.0844 252.50) 79.5%, oklch(33.03% 0.0834 246.61) 82.1%, oklch(35.90% 0.0825 240.54) 84.6%, oklch(38.85% 0.0817 234.47) 87.2%, oklch(41.73% 0.0809 228.62) 89.7%, oklch(44.42% 0.0802 223.20) 92.3%, oklch(46.79% 0.0796 218.41) 94.9%, oklch(48.69% 0.0790 214.46) 97.4%, oklch(50.00% 0.0785 211.55) 100.0%);

Dans ces collections

Dégradés bleus

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