Marron, gris et bleu marine (complémentaires) en dégradé linéaire

Dégradé linéaire, 32 couleurs à 45° : #573a2b, #79897d, #5a7b8c, #3a4c69, #293239. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #573a2b
• #5a402e
• #5e4933
• #62533b
• #675f46
• #6b6b53
• #707662
• #758170
• #79897d
• #7d9087
• #7f948e
• #7e9591
• #7a9393
• #748f93
• #6c8a91
• #63838f
• #5a7b8c
• #527388
• #4c6a84
• #46627f
• #425b7a
• #405675
• #3d5170
• #3a4c69
• #364862
• #33445b
• #304054
• #2e3d4d
• #2c3a47
• #2b3741
• #2a343c
• #293239

CSS

background: linear-gradient(45deg in oklch, oklch(37.80% 0.0482 48.52) 0.0%, oklch(39.55% 0.0466 56.25) 3.2%, oklch(42.05% 0.0443 66.44) 6.5%, oklch(45.10% 0.0414 78.59) 9.7%, oklch(48.49% 0.0382 92.19) 12.9%, oklch(52.02% 0.0349 106.73) 16.1%, oklch(55.49% 0.0317 121.72) 19.4%, oklch(58.71% 0.0289 136.65) 22.6%, oklch(61.46% 0.0266 151.02) 25.8%, oklch(63.55% 0.0252 164.33) 29.0%, oklch(64.78% 0.0247 176.07) 32.3%, oklch(65.00% 0.0255 186.23) 35.5%, oklch(64.38% 0.0279 196.06) 38.7%, oklch(63.07% 0.0315 205.56) 41.9%, oklch(61.21% 0.0358 214.64) 45.2%, oklch(58.94% 0.0407 223.19) 48.4%, oklch(56.41% 0.0456 231.11) 51.6%, oklch(53.76% 0.0503 238.30) 54.8%, oklch(51.12% 0.0543 244.65) 58.1%, oklch(48.65% 0.0574 250.06) 61.3%, oklch(46.48% 0.0591 254.42) 64.5%, oklch(44.73% 0.0590 257.60) 67.7%, oklch(43.07% 0.0573 259.18) 71.0%, oklch(41.42% 0.0542 259.28) 74.2%, oklch(39.80% 0.0501 258.21) 77.4%, oklch(38.22% 0.0452 256.24) 80.6%, oklch(36.71% 0.0398 253.66) 83.9%, oklch(35.31% 0.0344 250.77) 87.1%, oklch(34.02% 0.0292 247.86) 90.3%, oklch(32.87% 0.0245 245.22) 93.5%, oklch(31.89% 0.0206 243.14) 96.8%, oklch(31.10% 0.0179 241.90) 100.0%);

Dans ces collections

Eucalyptus des neiges à l’heure bleue

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