Bleu marine, violet et saumon (trichromie) aux tons éteints en dégradé linéaire

Dégradé linéaire, 32 couleurs à 135° : #23395b, #4a4475, #8a5385, #c06478, #e17a5f. Modifiez et exportez en CSS, SVG, PNG ou shader.

2 points clés OKLCH modifiables.

• #23395b
• #263a5d
• #293b60
• #2e3c63
• #323e67
• #373f6a
• #3d416e
• #434272
• #4a4475
• #514679
• #58487c
• #60497e
• #684b81
• #714d83
• #794f84
• #825185
• #8a5385
• #935585
• #9b5784
• #a35982
• #ab5c81
• #b25e7e
• #b9617b
• #c06478
• #c66775
• #cb6a72
• #d06d6e
• #d5706b
• #d87367
• #dc7564
• #de7861
• #e17a5f

CSS

background: linear-gradient(135deg in oklch, oklch(34.25% 0.0661 258.75) 0.0%, oklch(34.86% 0.0673 261.18) 3.2%, oklch(35.58% 0.0687 264.00) 6.5%, oklch(36.38% 0.0703 267.20) 9.7%, oklch(37.28% 0.0720 270.75) 12.9%, oklch(38.25% 0.0739 274.61) 16.1%, oklch(39.30% 0.0760 278.77) 19.4%, oklch(40.41% 0.0782 283.19) 22.6%, oklch(41.59% 0.0804 287.84) 25.8%, oklch(42.81% 0.0828 292.70) 29.0%, oklch(44.08% 0.0853 297.74) 32.3%, oklch(45.39% 0.0879 302.93) 35.5%, oklch(46.74% 0.0905 308.25) 38.7%, oklch(48.10% 0.0931 313.66) 41.9%, oklch(49.48% 0.0958 319.15) 45.2%, oklch(50.88% 0.0985 324.67) 48.4%, oklch(52.27% 0.1013 330.21) 51.6%, oklch(53.67% 0.1040 335.73) 54.8%, oklch(55.05% 0.1067 341.22) 58.1%, oklch(56.41% 0.1093 346.63) 61.3%, oklch(57.76% 0.1119 351.95) 64.5%, oklch(59.06% 0.1145 357.14) 67.7%, oklch(60.34% 0.1170 2.18) 71.0%, oklch(61.56% 0.1194 7.04) 74.2%, oklch(62.74% 0.1217 11.69) 77.4%, oklch(63.85% 0.1238 16.11) 80.6%, oklch(64.90% 0.1259 20.26) 83.9%, oklch(65.87% 0.1278 24.13) 87.1%, oklch(66.77% 0.1295 27.68) 90.3%, oklch(67.57% 0.1311 30.88) 93.5%, oklch(68.29% 0.1325 33.70) 96.8%, oklch(68.90% 0.1337 36.13) 100.0%);

Dans ces collections

Dégradés à deux couleurs

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