Noir à bleu clair (monochrome) en dégradé linéaire
Dégradé linéaire, 32 couleurs à 135° : #101d2a, #112c42, #154d6c, #2e89a7, #54cbde. Modifiez et exportez en CSS, SVG, PNG ou shader.
3 points clés OKLCH modifiables.
- #101d2a
- #101e2c
- #10202e
- #112131
- #112334
- #112537
- #11273b
- #112a3e
- #112c42
- #112f47
- #12324b
- #123650
- #123a55
- #123e5b
- #134260
- #144766
- #154d6c
- #175373
- #1a5a7b
- #1d6383
- #216b8b
- #257594
- #297f9e
- #2e89a7
- #3393b0
- #399db8
- #3ea6c0
- #43b0c8
- #48b8cf
- #4dc0d5
- #51c6da
- #54cbde
CSS
background: linear-gradient(135deg in oklch, oklch(22.44% 0.0317 249.61) 0.0%, oklch(23.00% 0.0333 249.26) 3.2%, oklch(23.60% 0.0353 248.90) 6.5%, oklch(24.26% 0.0376 248.52) 9.7%, oklch(24.97% 0.0402 248.10) 12.9%, oklch(25.75% 0.0430 247.65) 16.1%, oklch(26.59% 0.0461 247.16) 19.4%, oklch(27.51% 0.0492 246.62) 22.6%, oklch(28.50% 0.0525 246.02) 25.8%, oklch(29.58% 0.0558 245.36) 29.0%, oklch(30.75% 0.0592 244.63) 32.3%, oklch(32.01% 0.0625 243.82) 35.5%, oklch(33.37% 0.0657 242.92) 38.7%, oklch(34.83% 0.0688 241.94) 41.9%, oklch(36.40% 0.0718 240.86) 45.2%, oklch(38.09% 0.0745 239.68) 48.4%, oklch(39.92% 0.0770 238.36) 51.6%, oklch(42.05% 0.0796 236.80) 54.8%, oklch(44.46% 0.0821 235.03) 58.1%, oklch(47.10% 0.0847 233.06) 61.3%, oklch(49.91% 0.0872 230.96) 64.5%, oklch(52.86% 0.0897 228.75) 67.7%, oklch(55.88% 0.0921 226.47) 71.0%, oklch(58.93% 0.0945 224.16) 74.2%, oklch(61.96% 0.0968 221.87) 77.4%, oklch(64.92% 0.0990 219.63) 80.6%, oklch(67.76% 0.1010 217.48) 83.9%, oklch(70.42% 0.1029 215.46) 87.1%, oklch(72.86% 0.1047 213.60) 90.3%, oklch(75.03% 0.1063 211.96) 93.5%, oklch(76.87% 0.1077 210.56) 96.8%, oklch(78.35% 0.1089 209.45) 100.0%);Dans ces collections
Dégradés pour section heroDégradés de bannière de serveur DiscordBetween tides
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
