Bleu, bleu clair et vert (trichromie) aux tons vifs en dégradé linéaire

Dégradé linéaire, 32 couleurs à 25° : #1212a8, #2d33ee, #009ee0, #00d3d1, #43e36b. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #1212a8
• #1415ad
• #1717b4
• #1b1abc
• #201cc6
• #2520d0
• #2a25da
• #2d2be4
• #2d33ee
• #2b3df6
• #2249fd
• #0b57ff
• #006bf1
• #007ae7
• #0087e3
• #0093e1
• #009ee0
• #00a9e0
• #00b2df
• #00bbdf
• #00c3de
• #05c9db
• #08ced7
• #00d3d1
• #00d7c9
• #00dac0
• #00dcb4
• #00dfa7
• #00e198
• #0be287
• #30e378
• #43e36b

CSS

background: linear-gradient(25deg in oklch, oklch(34.65% 0.2177 267.19) 0.0%, oklch(35.64% 0.2212 267.30) 3.2%, oklch(36.87% 0.2266 267.74) 6.5%, oklch(38.32% 0.2333 268.37) 9.7%, oklch(39.94% 0.2407 269.05) 12.9%, oklch(41.72% 0.2483 269.62) 16.1%, oklch(43.61% 0.2553 269.95) 19.4%, oklch(45.59% 0.2612 269.90) 22.6%, oklch(47.61% 0.2653 269.31) 25.8%, oklch(49.66% 0.2670 268.05) 29.0%, oklch(51.69% 0.2658 265.97) 32.3%, oklch(53.76% 0.2567 262.95) 35.5%, oklch(56.05% 0.2176 259.04) 38.7%, oklch(58.51% 0.1884 254.34) 41.9%, oklch(61.08% 0.1686 249.03) 45.2%, oklch(63.69% 0.1547 243.22) 48.4%, oklch(66.27% 0.1449 237.08) 51.6%, oklch(68.76% 0.1382 230.73) 54.8%, oklch(71.09% 0.1339 224.33) 58.1%, oklch(73.18% 0.1315 218.00) 61.3%, oklch(74.98% 0.1306 211.89) 64.5%, oklch(76.42% 0.1302 206.08) 67.7%, oklch(77.55% 0.1311 199.96) 71.0%, oklch(78.42% 0.1342 193.43) 74.2%, oklch(79.07% 0.1383 186.69) 77.4%, oklch(79.54% 0.1444 179.90) 80.6%, oklch(79.87% 0.1530 173.23) 83.9%, oklch(80.09% 0.1644 166.85) 87.1%, oklch(80.25% 0.1788 160.95) 90.3%, oklch(80.38% 0.1948 155.69) 93.5%, oklch(80.52% 0.2028 151.24) 96.8%, oklch(80.71% 0.2081 147.77) 100.0%);

Dans ces collections

Dégradés multicolores aux tons vifs

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