Bleu marine, bleu canard et fauve (trichromie) aux tons vifs en dégradé linéaire

Dégradé linéaire, 40 couleurs à 225° : #073064, #203373, #104e8f, #009479, #d4b05d. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

• #073064
• #083065
• #0a3166
• #0c3167
• #0f3169
• #12316a
• #15316c
• #18326e
• #1b326f
• #1d3271
• #203373
• #223475
• #243578
• #25367a
• #26387d
• #263a7f
• #263d82
• #244085
• #204489
• #1b498c
• #104e8f
• #00548f
• #005c8b
• #006389
• #006a88
• #007286
• #007a85
• #008383
• #008b80
• #009479
• #2e9b71
• #4ea068
• #68a461
• #7fa75a
• #93a955
• #a4ab53
• #b4ad54
• #c1ae56
• #ccaf59
• #d4b05d

CSS

background: linear-gradient(225deg in oklch, oklch(31.50% 0.1020 257.34) 0.0%, oklch(31.75% 0.1026 257.52) 2.6%, oklch(32.00% 0.1034 258.08) 5.1%, oklch(32.25% 0.1043 258.93) 7.7%, oklch(32.51% 0.1054 260.02) 10.3%, oklch(32.78% 0.1066 261.28) 12.8%, oklch(33.07% 0.1079 262.64) 15.4%, oklch(33.37% 0.1092 264.03) 17.9%, oklch(33.71% 0.1106 265.38) 20.5%, oklch(34.09% 0.1120 266.62) 23.1%, oklch(34.51% 0.1134 267.70) 25.6%, oklch(34.97% 0.1148 268.53) 28.2%, oklch(35.49% 0.1162 269.06) 30.8%, oklch(36.07% 0.1174 269.20) 33.3%, oklch(36.72% 0.1186 268.91) 35.9%, oklch(37.44% 0.1197 268.10) 38.5%, oklch(38.24% 0.1207 266.71) 41.0%, oklch(39.12% 0.1215 264.67) 43.6%, oklch(40.09% 0.1221 261.91) 46.2%, oklch(41.16% 0.1225 258.37) 48.7%, oklch(42.35% 0.1227 253.93) 51.3%, oklch(43.73% 0.1186 248.31) 53.8%, oklch(45.31% 0.1066 241.53) 56.4%, oklch(47.04% 0.0981 233.75) 59.0%, oklch(48.92% 0.0928 225.11) 61.5%, oklch(50.91% 0.0903 215.75) 64.1%, oklch(52.99% 0.0906 205.81) 66.7%, oklch(55.14% 0.0940 195.42) 69.2%, oklch(57.33% 0.1012 184.73) 71.8%, oklch(59.54% 0.1134 173.87) 74.4%, oklch(61.74% 0.1170 162.99) 76.9%, oklch(63.91% 0.1161 152.20) 79.5%, oklch(66.02% 0.1151 141.66) 82.1%, oklch(68.05% 0.1142 131.50) 84.6%, oklch(69.98% 0.1133 121.85) 87.2%, oklch(71.77% 0.1125 112.85) 89.7%, oklch(73.41% 0.1118 104.65) 92.3%, oklch(74.88% 0.1112 97.37) 94.9%, oklch(76.13% 0.1106 91.16) 97.4%, oklch(77.17% 0.1102 86.15) 100.0%);

Dans ces collections

Oktoberfest

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