Bleu et bleu canard (analogues) aux tons vifs en dégradé linéaire
Dégradé linéaire, 64 couleurs à 135° : #20589a, #00cdc5, #00afcd, #0c72bb, #008a9e. Modifiez et exportez en CSS, SVG, PNG ou shader.
4 points clés OKLCH modifiables.
- #20589a
- #1d5c9d
- #1861a0
- #1067a4
- #026da8
- #0075aa
- #007cad
- #0084af
- #008db2
- #0095b6
- #009eb9
- #00a6bc
- #00afbe
- #00b7c1
- #00bfc3
- #00c6c4
- #00cdc5
- #00d3c6
- #15d8c6
- #22dcc6
- #28dec6
- #2ae0c7
- #27e0c8
- #1ddfc9
- #03ddca
- #00dacb
- #00d5cd
- #00d0ce
- #00cace
- #00c4ce
- #00bdce
- #00b6cd
- #00afcd
- #00a8cc
- #00a0cb
- #0099ca
- #0092c9
- #008cc9
- #0086c9
- #0080c9
- #007bc9
- #0e77c7
- #1574c4
- #1773c2
- #1772c0
- #1571bf
- #1271bd
- #0c72bb
- #0473b9
- #0075b6
- #0076b3
- #0078b0
- #007aae
- #007cab
- #007ea9
- #0080a7
- #0082a6
- #0083a4
- #0085a3
- #0087a2
- #0088a1
- #0089a0
- #008a9f
- #008a9e
CSS
background: linear-gradient(135deg in oklch, oklch(46.06% 0.1213 254.53) 0.0%, oklch(47.05% 0.1218 252.45) 1.6%, oklch(48.31% 0.1224 249.78) 3.2%, oklch(49.81% 0.1231 246.59) 4.8%, oklch(51.51% 0.1239 242.95) 6.3%, oklch(53.39% 0.1202 238.95) 7.9%, oklch(55.41% 0.1169 234.62) 9.5%, oklch(57.54% 0.1147 230.05) 11.1%, oklch(59.75% 0.1135 225.31) 12.7%, oklch(62.02% 0.1133 220.47) 14.3%, oklch(64.29% 0.1139 215.61) 15.9%, oklch(66.56% 0.1154 210.79) 17.5%, oklch(68.78% 0.1177 206.09) 19.0%, oklch(70.92% 0.1206 201.57) 20.6%, oklch(72.95% 0.1241 197.31) 22.2%, oklch(74.85% 0.1281 193.38) 23.8%, oklch(76.57% 0.1323 189.84) 25.4%, oklch(78.09% 0.1365 186.76) 27.0%, oklch(79.37% 0.1382 184.23) 28.6%, oklch(80.39% 0.1391 182.30) 30.2%, oklch(81.11% 0.1398 181.06) 31.7%, oklch(81.50% 0.1406 180.56) 33.3%, oklch(81.54% 0.1412 180.89) 34.9%, oklch(81.27% 0.1420 182.04) 36.5%, oklch(80.71% 0.1428 183.92) 38.1%, oklch(79.90% 0.1398 186.46) 39.7%, oklch(78.85% 0.1364 189.56) 41.3%, oklch(77.61% 0.1329 193.15) 42.9%, oklch(76.19% 0.1297 197.15) 44.4%, oklch(74.63% 0.1269 201.48) 46.0%, oklch(72.97% 0.1249 206.05) 47.6%, oklch(71.22% 0.1235 210.79) 49.2%, oklch(69.42% 0.1230 215.60) 50.8%, oklch(67.60% 0.1235 220.42) 52.4%, oklch(65.79% 0.1248 225.16) 54.0%, oklch(64.01% 0.1272 229.73) 55.6%, oklch(62.31% 0.1305 234.06) 57.1%, oklch(60.70% 0.1347 238.06) 58.7%, oklch(59.21% 0.1396 241.65) 60.3%, oklch(57.88% 0.1450 244.76) 61.9%, oklch(56.74% 0.1502 247.29) 63.5%, oklch(55.80% 0.1496 249.16) 65.1%, oklch(55.12% 0.1488 250.30) 66.7%, oklch(54.63% 0.1477 250.78) 68.3%, oklch(54.28% 0.1463 250.73) 69.8%, oklch(54.05% 0.1446 250.19) 71.4%, oklch(53.92% 0.1426 249.23) 73.0%, oklch(53.90% 0.1405 247.87) 74.6%, oklch(53.96% 0.1381 246.18) 76.2%, oklch(54.10% 0.1340 244.22) 77.8%, oklch(54.31% 0.1289 241.99) 79.4%, oklch(54.57% 0.1241 239.57) 81.0%, oklch(54.88% 0.1198 236.99) 82.5%, oklch(55.22% 0.1161 234.31) 84.1%, oklch(55.59% 0.1128 231.58) 85.7%, oklch(55.97% 0.1101 228.84) 87.3%, oklch(56.36% 0.1079 226.13) 88.9%, oklch(56.74% 0.1061 223.51) 90.5%, oklch(57.10% 0.1047 221.03) 92.1%, oklch(57.43% 0.1037 218.73) 93.7%, oklch(57.73% 0.1029 216.65) 95.2%, oklch(57.97% 0.1023 214.85) 96.8%, oklch(58.16% 0.1019 213.38) 98.4%, oklch(58.27% 0.1016 212.27) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
