Bleu clair, bleu canard et bleu marine (analogues) en dégradé linéaire
Dégradé linéaire, 48 couleurs à 45° : #dff5fe, #9ceaf4, #2dc4c6, #006582, #07142e. Modifiez et exportez en CSS, SVG, PNG ou shader.
3 points clés OKLCH modifiables.
- #dff5fe
- #dcf4fe
- #d9f3fe
- #d4f2fe
- #d0f1fd
- #cbf0fd
- #c5f0fd
- #bfeffc
- #b9eefb
- #b2edfa
- #abecf8
- #a4ebf6
- #9ceaf4
- #94e8f1
- #8be7ee
- #83e5eb
- #7ae2e7
- #71e0e3
- #68dddf
- #5fdadb
- #55d6d7
- #4cd2d2
- #42cece
- #38c9ca
- #2dc4c6
- #22bec1
- #14b7bd
- #00afb8
- #00a7b2
- #009eac
- #0095a6
- #008b9f
- #008198
- #007891
- #006e89
- #006582
- #005b7a
- #015272
- #064a6a
- #094162
- #0b3959
- #0c3252
- #0c2b4a
- #0b2543
- #0a203d
- #091b37
- #081732
- #07142e
CSS
background: linear-gradient(45deg in oklch, oklch(95.67% 0.0262 226.41) 0.0%, oklch(95.24% 0.0284 225.62) 2.1%, oklch(94.79% 0.0313 224.57) 4.3%, oklch(94.34% 0.0346 223.29) 6.4%, oklch(93.86% 0.0384 221.82) 8.5%, oklch(93.36% 0.0425 220.17) 10.6%, oklch(92.83% 0.0470 218.39) 12.8%, oklch(92.28% 0.0518 216.50) 14.9%, oklch(91.69% 0.0567 214.53) 17.0%, oklch(91.06% 0.0619 212.50) 19.1%, oklch(90.40% 0.0671 210.46) 21.3%, oklch(89.69% 0.0724 208.43) 23.4%, oklch(88.93% 0.0776 206.43) 25.5%, oklch(88.12% 0.0828 204.50) 27.7%, oklch(87.26% 0.0879 202.67) 29.8%, oklch(86.33% 0.0927 200.96) 31.9%, oklch(85.35% 0.0974 199.41) 34.0%, oklch(84.29% 0.1017 198.05) 36.2%, oklch(83.17% 0.1056 196.90) 38.3%, oklch(81.98% 0.1092 196.00) 40.4%, oklch(80.70% 0.1123 195.37) 42.6%, oklch(79.35% 0.1148 195.05) 44.7%, oklch(77.91% 0.1168 195.06) 46.8%, oklch(76.39% 0.1181 195.43) 48.9%, oklch(74.75% 0.1187 196.20) 51.1%, oklch(72.92% 0.1187 197.42) 53.2%, oklch(70.88% 0.1181 199.05) 55.3%, oklch(68.67% 0.1168 201.06) 57.4%, oklch(66.30% 0.1130 203.41) 59.6%, oklch(63.80% 0.1092 206.07) 61.7%, oklch(61.18% 0.1055 208.99) 63.8%, oklch(58.46% 0.1019 212.13) 66.0%, oklch(55.68% 0.0986 215.47) 68.1%, oklch(52.84% 0.0955 218.96) 70.2%, oklch(49.98% 0.0927 222.56) 72.3%, oklch(47.10% 0.0903 226.23) 74.5%, oklch(44.24% 0.0881 229.95) 76.6%, oklch(41.41% 0.0857 233.62) 78.7%, oklch(38.64% 0.0818 237.29) 80.9%, oklch(35.95% 0.0780 240.89) 83.0%, oklch(33.35% 0.0742 244.36) 85.1%, oklch(30.87% 0.0706 247.69) 87.2%, oklch(28.53% 0.0672 250.83) 89.4%, oklch(26.36% 0.0641 253.74) 91.5%, oklch(24.36% 0.0612 256.38) 93.6%, oklch(22.57% 0.0588 258.72) 95.7%, oklch(21.00% 0.0567 260.72) 97.9%, oklch(19.69% 0.0551 262.34) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
