Bleu, rose et jaune (triade) aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 90° : #004374, #6c58a0, #ee8491, #feb05f, #ebd346. Modifiez et exportez en CSS, SVG, PNG ou shader.

8 points clés OKLCH modifiables.

• #004374
• #004479
• #04467f
• #0f4887
• #1e4a8e
• #304c95
• #44509a
• #59549e
• #6c58a0
• #7e5ca1
• #9061a2
• #a266a2
• #b46ba0
• #c4719d
• #d3779a
• #e17d96
• #ee8491
• #f88b8b
• #ff9283
• #ff9a7d
• #ff9f74
• #ffa46a
• #fdaa64
• #feb05f
• #ffb65c
• #ffbc5d
• #ffc25c
• #ffc651
• #fcca47
• #f6cd46
• #f0d145
• #ebd346

CSS

background: linear-gradient(90deg in oklch, oklch(37.41% 0.1031 248.97) 0.0%, oklch(38.09% 0.1084 250.33) 3.2%, oklch(39.04% 0.1140 252.12) 6.5%, oklch(40.25% 0.1196 254.86) 9.7%, oklch(41.77% 0.1234 259.14) 12.9%, oklch(43.64% 0.1237 265.56) 16.1%, oklch(45.93% 0.1207 274.23) 19.4%, oklch(48.51% 0.1161 284.32) 22.6%, oklch(51.22% 0.1120 294.96) 25.8%, oklch(53.93% 0.1102 305.30) 29.0%, oklch(56.73% 0.1106 315.82) 32.3%, oklch(59.66% 0.1123 326.72) 35.5%, oklch(62.58% 0.1148 337.50) 38.7%, oklch(65.38% 0.1177 347.64) 41.9%, oklch(68.04% 0.1209 356.77) 45.2%, oklch(70.71% 0.1253 5.13) 48.4%, oklch(73.23% 0.1298 13.01) 51.6%, oklch(75.46% 0.1335 20.72) 54.8%, oklch(77.21% 0.1344 28.55) 58.1%, oklch(78.38% 0.1286 36.67) 61.3%, oklch(79.16% 0.1282 44.75) 64.5%, oklch(79.80% 0.1309 52.40) 67.7%, oklch(80.57% 0.1307 59.22) 71.0%, oklch(81.63% 0.1332 64.87) 74.2%, oklch(82.83% 0.1353 69.55) 77.4%, oklch(84.01% 0.1349 73.69) 80.6%, oklch(85.01% 0.1370 77.74) 83.9%, oklch(85.67% 0.1455 82.15) 87.1%, oklch(86.01% 0.1521 87.06) 90.3%, oklch(86.14% 0.1537 91.96) 93.5%, oklch(86.17% 0.1548 96.21) 96.8%, oklch(86.22% 0.1557 99.20) 100.0%);

Dans ces collections

Dégradés orange et bleu

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