Bleu marine, bleu canard et vert citron (trichromie) en dégradé radial

Dégradé radial, 32 couleurs : #031b28, #026e8b, #00d9d1, #57ff91, #d9ff36. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #031b28
• #04202f
• #052839
• #063145
• #073c53
• #084961
• #085570
• #06627f
• #026e8b
• #007b98
• #0089a4
• #0098af
• #04a7ba
• #08b5c3
• #0ac3ca
• #06cfcf
• #00d9d1
• #00e2cf
• #00e9cb
• #00efc4
• #00f5b9
• #1af9ac
• #3cfc9f
• #57ff91
• #77ff8a
• #8fff83
• #a2ff7c
• #b2ff73
• #bfff68
• #c9ff5b
• #d2ff4a
• #d9ff36

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0400 235.55) 0.0%, oklch(23.13% 0.0442 234.86) 3.2%, oklch(26.14% 0.0500 234.12) 6.5%, oklch(29.72% 0.0569 233.24) 9.7%, oklch(33.71% 0.0644 232.16) 12.9%, oklch(37.92% 0.0723 230.80) 16.1%, oklch(42.17% 0.0801 229.08) 19.4%, oklch(46.30% 0.0874 226.92) 22.6%, oklch(50.16% 0.0938 224.26) 25.8%, oklch(54.12% 0.0993 221.07) 29.0%, oklch(58.28% 0.1043 217.39) 32.3%, oklch(62.50% 0.1095 213.30) 35.5%, oklch(66.65% 0.1144 208.90) 38.7%, oklch(70.60% 0.1196 204.27) 41.9%, oklch(74.22% 0.1252 199.49) 45.2%, oklch(77.38% 0.1315 194.65) 48.4%, oklch(79.96% 0.1382 189.74) 51.6%, oklch(82.01% 0.1449 184.44) 54.8%, oklch(83.65% 0.1530 178.84) 58.1%, oklch(84.96% 0.1630 173.06) 61.3%, oklch(86.03% 0.1758 167.26) 64.5%, oklch(86.96% 0.1888 161.58) 67.7%, oklch(87.83% 0.1974 156.15) 71.0%, oklch(88.73% 0.2040 151.13) 74.2%, oklch(89.69% 0.1977 146.46) 77.4%, oklch(90.58% 0.1917 141.83) 80.6%, oklch(91.38% 0.1888 137.31) 83.9%, oklch(92.09% 0.1887 133.03) 87.1%, oklch(92.72% 0.1914 129.08) 90.3%, oklch(93.26% 0.1967 125.58) 93.5%, oklch(93.72% 0.2039 122.64) 96.8%, oklch(94.09% 0.2108 120.36) 100.0%);

Dans ces collections

Dégradés néon

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