Violet, bleu clair et bleu (trichromie) aux tons vifs en dégradé linéaire
Dégradé linéaire, 56 couleurs à 135° : #723d9f, #589cec, #57dff4, #35a5cb, #285892. Modifiez et exportez en CSS, SVG, PNG ou shader.
3 points clés OKLCH modifiables.
- #723d9f
- #7240a2
- #7244a7
- #7149ad
- #714fb3
- #7055b9
- #6f5cbf
- #6d63c6
- #6b6bcc
- #6973d3
- #667bd9
- #6383df
- #608be4
- #5c94e8
- #589cec
- #55a4f0
- #51acf3
- #4eb4f5
- #4cbbf7
- #4bc2f8
- #4ac8f9
- #4bcdf9
- #4cd2f9
- #4ed6f9
- #51daf8
- #53dcf7
- #55def6
- #56dff5
- #57dff4
- #57def2
- #56ddf0
- #55daed
- #53d7eb
- #50d3e8
- #4dcfe5
- #4acae2
- #46c4df
- #43bfdb
- #3fb8d7
- #3bb2d3
- #38abcf
- #35a5cb
- #329ec6
- #3097c2
- #2e90bd
- #2c89b9
- #2b83b4
- #2a7caf
- #2a76ab
- #2970a6
- #296ba2
- #29669e
- #28629b
- #285e97
- #285a94
- #285892
CSS
background: linear-gradient(135deg in oklch, oklch(47.24% 0.1557 306.56) 0.0%, oklch(48.00% 0.1550 304.58) 1.8%, oklch(48.95% 0.1542 302.18) 3.6%, oklch(50.05% 0.1532 299.41) 5.5%, oklch(51.30% 0.1522 296.29) 7.3%, oklch(52.68% 0.1510 292.87) 9.1%, oklch(54.18% 0.1498 289.18) 10.9%, oklch(55.78% 0.1485 285.25) 12.7%, oklch(57.46% 0.1472 281.11) 14.5%, oklch(59.21% 0.1457 276.80) 16.4%, oklch(61.01% 0.1443 272.37) 18.2%, oklch(62.84% 0.1428 267.83) 20.0%, oklch(64.70% 0.1412 263.22) 21.8%, oklch(66.55% 0.1397 258.59) 23.6%, oklch(68.40% 0.1381 253.96) 25.5%, oklch(70.21% 0.1365 249.36) 27.3%, oklch(71.98% 0.1349 244.85) 29.1%, oklch(73.69% 0.1334 240.44) 30.9%, oklch(75.32% 0.1318 236.17) 32.7%, oklch(76.85% 0.1303 232.08) 34.5%, oklch(78.28% 0.1288 228.20) 36.4%, oklch(79.58% 0.1274 224.56) 38.2%, oklch(80.74% 0.1260 221.21) 40.0%, oklch(81.74% 0.1247 218.17) 41.8%, oklch(82.57% 0.1235 215.49) 43.6%, oklch(83.20% 0.1223 213.19) 45.5%, oklch(83.63% 0.1213 211.30) 47.3%, oklch(83.84% 0.1203 209.87) 49.1%, oklch(83.81% 0.1195 208.92) 50.9%, oklch(83.55% 0.1187 208.41) 52.7%, oklch(83.05% 0.1179 208.28) 54.5%, oklch(82.35% 0.1172 208.53) 56.4%, oklch(81.46% 0.1165 209.12) 58.2%, oklch(80.40% 0.1159 210.03) 60.0%, oklch(79.17% 0.1153 211.22) 61.8%, oklch(77.81% 0.1148 212.67) 63.6%, oklch(76.31% 0.1143 214.36) 65.5%, oklch(74.71% 0.1138 216.26) 67.3%, oklch(73.01% 0.1134 218.33) 69.1%, oklch(71.24% 0.1130 220.56) 70.9%, oklch(69.41% 0.1126 222.91) 72.7%, oklch(67.53% 0.1122 225.36) 74.5%, oklch(65.62% 0.1119 227.88) 76.4%, oklch(63.70% 0.1116 230.45) 78.2%, oklch(61.79% 0.1113 233.03) 80.0%, oklch(59.89% 0.1110 235.60) 81.8%, oklch(58.03% 0.1108 238.14) 83.6%, oklch(56.23% 0.1105 240.61) 85.5%, oklch(54.50% 0.1103 242.98) 87.3%, oklch(52.85% 0.1101 245.24) 89.1%, oklch(51.30% 0.1099 247.36) 90.9%, oklch(49.87% 0.1097 249.30) 92.7%, oklch(48.58% 0.1095 251.04) 94.5%, oklch(47.44% 0.1093 252.55) 96.4%, oklch(46.46% 0.1091 253.81) 98.2%, oklch(45.67% 0.1089 254.78) 100.0%);Dans ces collections
Palettes similairesCollectionsTélécharger le PNGJSON de la paletteMarkdownComment ça marche
