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

Dégradé angulaire, 40 couleurs à 225° : #00091c, #009fb5, #00abd2, #005cc0, #330074. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #00091c
• #000f25
• #001932
• #002540
• #003350
• #004461
• #005673
• #006885
• #007b96
• #008ea6
• #009fb5
• #00adc1
• #00b9ca
• #00c1d1
• #00c5d6
• #00c6d9
• #00c4da
• #00c1da
• #00bbd8
• #00b4d6
• #00abd2
• #00a3cf
• #0099ca
• #0090c6
• #0087c3
• #007ec0
• #0077be
• #006fbd
• #0067bd
• #005cc0
• #004ec7
• #153eca
• #2534be
• #2d2ab2
• #3121a5
• #33189a
• #340f8f
• #340685
• #34007d
• #330074

CSS

background: conic-gradient(from 225deg in oklch, oklch(14.17% 0.0455 255.23) 0.0%, oklch(17.03% 0.0521 252.80) 2.6%, oklch(20.89% 0.0588 249.77) 5.1%, oklch(25.52% 0.0649 245.51) 7.7%, oklch(30.76% 0.0714 240.78) 10.3%, oklch(36.42% 0.0781 235.73) 12.8%, oklch(42.31% 0.0848 230.52) 15.4%, oklch(48.24% 0.0917 225.35) 17.9%, oklch(54.01% 0.0986 220.40) 20.5%, oklch(59.45% 0.1055 215.86) 23.1%, oklch(64.36% 0.1121 211.92) 25.6%, oklch(68.55% 0.1181 208.76) 28.2%, oklch(71.83% 0.1230 206.58) 30.8%, oklch(74.02% 0.1265 205.57) 33.3%, oklch(75.16% 0.1285 205.70) 35.9%, oklch(75.52% 0.1294 206.75) 38.5%, oklch(75.18% 0.1294 208.60) 41.0%, oklch(74.24% 0.1289 211.13) 43.6%, oklch(72.81% 0.1281 214.23) 46.2%, oklch(70.97% 0.1274 217.79) 48.7%, oklch(68.83% 0.1269 221.69) 51.3%, oklch(66.49% 0.1269 225.81) 53.8%, oklch(64.04% 0.1277 230.05) 56.4%, oklch(61.58% 0.1293 234.27) 59.0%, oklch(59.21% 0.1320 238.37) 61.5%, oklch(57.02% 0.1359 242.23) 64.1%, oklch(55.12% 0.1410 245.74) 66.7%, oklch(53.28% 0.1477 249.19) 69.2%, oklch(51.25% 0.1576 252.90) 71.8%, oklch(49.08% 0.1728 256.80) 74.4%, oklch(46.80% 0.2001 260.83) 76.9%, oklch(44.46% 0.2183 264.88) 79.5%, oklch(42.11% 0.2113 268.95) 82.1%, oklch(39.79% 0.2041 272.93) 84.6%, oklch(37.56% 0.1969 276.76) 87.2%, oklch(35.45% 0.1899 280.36) 89.7%, oklch(33.50% 0.1834 283.67) 92.3%, oklch(31.77% 0.1776 286.62) 94.9%, oklch(30.32% 0.1725 289.12) 97.4%, oklch(29.16% 0.1639 291.13) 100.0%);

Dans ces collections

Dégradés Cyber Monday

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