Bleu, bleu canard, violet foncé et bleu clair en dégradé radial

Dégradé radial, 32 couleurs : #009ec7, #00b1bc, #32286e, #1b052f, #31c4e7. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #009ec7
• #00a3c7
• #00acc7
• #00b5c7
• #00bec7
• #01c4c5
• #01c4c3
• #00bdc0
• #00b1bc
• #00a1b7
• #0090b0
• #007da9
• #006ca3
• #135c9c
• #264a8f
• #2f387f
• #32286e
• #311a5c
• #2f0f4e
• #2b0843
• #26043b
• #210333
• #1d032f
• #1b052f
• #1b0b34
• #20153f
• #292856
• #324477
• #38669c
• #378bbe
• #33acd8
• #31c4e7

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(64.96% 0.1231 225.01) 0.0%, oklch(66.28% 0.1215 220.92) 3.2%, oklch(68.41% 0.1206 214.52) 6.5%, oklch(70.81% 0.1215 207.23) 9.7%, oklch(72.94% 0.1240 200.47) 12.9%, oklch(74.26% 0.1265 195.63) 16.1%, oklch(74.23% 0.1267 194.13) 19.4%, oklch(72.47% 0.1234 196.85) 22.6%, oklch(69.29% 0.1180 202.85) 25.8%, oklch(65.12% 0.1131 211.21) 29.0%, oklch(60.37% 0.1107 221.03) 32.3%, oklch(55.48% 0.1124 231.39) 35.5%, oklch(50.88% 0.1194 241.40) 38.7%, oklch(46.71% 0.1243 250.84) 41.9%, oklch(42.24% 0.1220 261.75) 45.2%, oklch(37.63% 0.1191 273.39) 48.4%, oklch(33.17% 0.1159 284.72) 51.6%, oklch(29.16% 0.1123 294.71) 54.8%, oklch(25.89% 0.1085 302.32) 58.1%, oklch(23.55% 0.1043 306.67) 61.3%, oklch(21.40% 0.0984 308.59) 64.5%, oklch(19.60% 0.0914 308.52) 67.7%, oklch(18.53% 0.0846 306.60) 71.0%, oklch(18.60% 0.0790 302.98) 74.2%, oklch(20.19% 0.0758 297.80) 77.4%, oklch(23.75% 0.0762 291.13) 80.6%, oklch(30.48% 0.0813 281.06) 83.9%, oklch(39.81% 0.0899 267.91) 87.1%, oklch(50.39% 0.1005 253.39) 90.3%, oklch(60.84% 0.1112 239.21) 93.5%, oklch(69.83% 0.1206 227.06) 96.8%, oklch(75.98% 0.1268 218.66) 100.0%);

Dans ces collections

Dégradés synthwave

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