Bleu marine, bleu canard et vert clair (trichromie) en dégradé linéaire

Dégradé linéaire, 32 couleurs à 90° : #080b11, #1d337d, #2ab1c7, #88e398, #e3fadb. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #080b11
• #080e19
• #081025
• #0a1334
• #0e1544
• #131855
• #171d64
• #1a2771
• #1d337d
• #1f4088
• #224f92
• #255e9b
• #276da5
• #267caf
• #248db9
• #249fc1
• #2ab1c7
• #35c1ca
• #44ceca
• #53d8c7
• #5fdebf
• #6be2b3
• #79e3a5
• #88e398
• #97e38f
• #a5e58e
• #b2e895
• #beeca4
• #c8f1b4
• #d3f5c5
• #dcf8d2
• #e3fadb

CSS

background: linear-gradient(90deg in oklch, oklch(14.96% 0.0138 262.97) 0.0%, oklch(16.28% 0.0266 264.24) 3.2%, oklch(18.00% 0.0455 266.34) 6.5%, oklch(20.07% 0.0674 268.69) 9.7%, oklch(22.48% 0.0895 270.73) 12.9%, oklch(25.17% 0.1087 271.92) 16.1%, oklch(28.12% 0.1223 271.69) 19.4%, oklch(31.39% 0.1283 269.85) 22.6%, oklch(35.10% 0.1288 266.96) 25.8%, oklch(39.13% 0.1257 263.11) 29.0%, oklch(43.35% 0.1207 258.38) 32.3%, oklch(47.65% 0.1156 252.86) 35.5%, oklch(51.89% 0.1121 246.63) 38.7%, oklch(56.10% 0.1114 239.56) 41.9%, oklch(60.66% 0.1115 231.11) 45.2%, oklch(65.38% 0.1121 221.68) 48.4%, oklch(69.99% 0.1131 211.73) 51.6%, oklch(74.22% 0.1145 201.74) 54.8%, oklch(77.80% 0.1161 192.20) 58.1%, oklch(80.47% 0.1181 183.41) 61.3%, oklch(82.13% 0.1221 174.37) 64.5%, oklch(83.06% 0.1274 165.22) 67.7%, oklch(83.57% 0.1325 156.45) 71.0%, oklch(83.97% 0.1360 148.58) 74.2%, oklch(84.59% 0.1364 142.10) 77.4%, oklch(85.71% 0.1324 137.54) 80.6%, oklch(87.35% 0.1223 135.21) 83.9%, oklch(89.29% 0.1074 134.68) 87.1%, oklch(91.32% 0.0902 135.33) 90.3%, oklch(93.25% 0.0731 136.56) 93.5%, oklch(94.90% 0.0583 137.74) 96.8%, oklch(96.06% 0.0482 138.27) 100.0%);

Dans ces collections

Dégradés en fausses couleurs pour l’astronomie

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