Bleu foncé, bleu et bleu clair aux tons vifs en dégradé angulaire

Dégradé angulaire, 32 couleurs à 270° : #121571, #1735b3, #0067f7, #399aff, #79bef9. Modifiez et exportez en CSS, SVG, PNG ou shader.

3 points clés OKLCH modifiables.

• #121571
• #131875
• #141b7b
• #151e83
• #16228b
• #162694
• #172b9e
• #1730a8
• #1735b3
• #173bbd
• #1541c8
• #1347d2
• #114ddb
• #0d54e4
• #085aec
• #0361f2
• #0067f7
• #006efb
• #0276fe
• #0c7dff
• #1a85ff
• #258cff
• #2f93ff
• #399aff
• #42a0ff
• #4aa6ff
• #54abfe
• #5eb0fc
• #66b4fb
• #6eb8fa
• #74bcfa
• #79bef9

CSS

background: conic-gradient(from 270deg in oklch, oklch(27.95% 0.1502 270.00) 0.0%, oklch(28.95% 0.1535 269.67) 3.2%, oklch(30.16% 0.1580 269.28) 6.5%, oklch(31.57% 0.1637 268.84) 9.7%, oklch(33.14% 0.1701 268.35) 12.9%, oklch(34.86% 0.1771 267.82) 16.1%, oklch(36.69% 0.1845 267.25) 19.4%, oklch(38.62% 0.1920 266.65) 22.6%, oklch(40.61% 0.1995 266.01) 25.8%, oklch(42.65% 0.2066 265.34) 29.0%, oklch(44.70% 0.2133 264.64) 32.3%, oklch(46.74% 0.2191 263.92) 35.5%, oklch(48.74% 0.2240 263.18) 38.7%, oklch(50.69% 0.2277 262.43) 41.9%, oklch(52.55% 0.2299 261.66) 45.2%, oklch(54.29% 0.2305 260.88) 48.4%, oklch(55.93% 0.2292 260.09) 51.6%, oklch(57.60% 0.2256 259.22) 54.8%, oklch(59.30% 0.2208 258.24) 58.1%, oklch(61.02% 0.2132 257.21) 61.3%, oklch(62.75% 0.2031 256.14) 64.5%, oklch(64.47% 0.1932 255.03) 67.7%, oklch(66.17% 0.1836 253.90) 71.0%, oklch(67.83% 0.1744 252.77) 74.2%, oklch(69.43% 0.1655 251.66) 77.4%, oklch(70.97% 0.1571 250.59) 80.6%, oklch(72.43% 0.1471 249.56) 83.9%, oklch(73.79% 0.1376 248.59) 87.1%, oklch(75.04% 0.1289 247.71) 90.3%, oklch(76.16% 0.1213 246.92) 93.5%, oklch(77.13% 0.1150 246.24) 96.8%, oklch(77.95% 0.1102 245.69) 100.0%);

Dans ces collections

Dégradés bleus

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