Bleu clair, bleu canard et bleu marine (analogues) en dégradé radial

Dégradé radial, 32 couleurs : #b7f7e7, #58daca, #0b9aa1, #035973, #031e36. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #b7f7e7
• #b0f5e5
• #a6f3e2
• #9af0de
• #8cecda
• #7de8d6
• #70e4d2
• #64dfce
• #58daca
• #4dd5c6
• #42d0c2
• #36c9bd
• #29c2b9
• #1cbab4
• #11b0ae
• #0ba5a8
• #0b9aa1
• #0c8f99
• #0d8592
• #0a7b8b
• #077285
• #04697f
• #03617a
• #035973
• #04506d
• #054866
• #05405d
• #053754
• #052f4b
• #042842
• #04223b
• #031e36

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(92.91% 0.0675 177.89) 0.0%, oklch(92.04% 0.0723 178.30) 3.2%, oklch(90.86% 0.0793 178.83) 6.5%, oklch(89.45% 0.0874 179.47) 9.7%, oklch(87.88% 0.0958 180.21) 12.9%, oklch(86.23% 0.1034 181.04) 16.1%, oklch(84.58% 0.1093 181.93) 19.4%, oklch(82.96% 0.1134 182.83) 22.6%, oklch(81.34% 0.1166 183.65) 25.8%, oklch(79.66% 0.1189 184.53) 29.0%, oklch(77.87% 0.1204 185.58) 32.3%, oklch(75.92% 0.1209 186.92) 35.5%, oklch(73.77% 0.1204 188.67) 38.7%, oklch(71.34% 0.1186 190.94) 41.9%, oklch(68.59% 0.1151 193.69) 45.2%, oklch(65.61% 0.1103 196.82) 48.4%, oklch(62.52% 0.1048 200.23) 51.6%, oklch(59.42% 0.0994 203.80) 54.8%, oklch(56.43% 0.0946 207.43) 58.1%, oklch(53.63% 0.0911 211.06) 61.3%, oklch(50.94% 0.0884 214.96) 64.5%, oklch(48.31% 0.0863 219.08) 67.7%, oklch(45.74% 0.0845 223.26) 71.0%, oklch(43.18% 0.0826 227.33) 74.2%, oklch(40.63% 0.0806 231.15) 77.4%, oklch(38.06% 0.0780 234.55) 80.6%, oklch(35.27% 0.0747 237.74) 83.9%, oklch(32.33% 0.0709 240.79) 87.1%, oklch(29.42% 0.0670 243.61) 90.3%, oklch(26.74% 0.0633 246.11) 93.5%, oklch(24.48% 0.0601 248.18) 96.8%, oklch(22.83% 0.0579 249.75) 100.0%);

Dans ces collections

Dégradés océan

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