Bleu et violet aux tons vifs sans raccord en dégradé angulaire

Dégradé angulaire, 32 couleurs à 225° : #316eda, #4f60dc, #7349c6, #6052cf, #386bd9. Modifiez et exportez en CSS, SVG, PNG ou shader.

6 points clés OKLCH modifiables.

• #316eda
• #336ddb
• #356cdc
• #386bdc
• #3b69dd
• #3f68de
• #4465de
• #4963dd
• #4f60dc
• #555dda
• #5b59d8
• #6056d6
• #6553d3
• #6951d1
• #6c4ecd
• #704cca
• #7349c6
• #7548c4
• #7647c2
• #7547c2
• #7249c4
• #6d4bc7
• #674ecb
• #6052cf
• #5955d2
• #5358d4
• #4e5cd5
• #495fd6
• #4463d8
• #3f67d8
• #3b69d9
• #386bd9

CSS

background: conic-gradient(from 225deg in oklch, oklch(55.91% 0.1778 260.86) 0.0%, oklch(55.84% 0.1789 261.53) 3.2%, oklch(55.75% 0.1804 262.36) 6.5%, oklch(55.65% 0.1823 263.39) 9.7%, oklch(55.52% 0.1842 264.63) 12.9%, oklch(55.36% 0.1859 266.11) 16.1%, oklch(55.16% 0.1872 267.87) 19.4%, oklch(54.92% 0.1880 270.01) 22.6%, oklch(54.62% 0.1886 272.63) 25.8%, oklch(54.29% 0.1890 275.54) 29.0%, oklch(53.94% 0.1891 278.57) 32.3%, oklch(53.59% 0.1891 281.52) 35.5%, oklch(53.27% 0.1889 284.20) 38.7%, oklch(52.97% 0.1885 286.63) 41.9%, oklch(52.65% 0.1876 289.32) 45.2%, oklch(52.32% 0.1865 292.03) 48.4%, oklch(52.02% 0.1853 294.43) 51.6%, oklch(51.78% 0.1843 296.17) 54.8%, oklch(51.62% 0.1835 296.94) 58.1%, oklch(51.57% 0.1832 296.38) 61.3%, oklch(51.62% 0.1835 294.28) 64.5%, oklch(51.76% 0.1842 291.03) 67.7%, oklch(51.96% 0.1851 287.12) 71.0%, oklch(52.22% 0.1858 283.02) 74.2%, oklch(52.51% 0.1861 279.22) 77.4%, oklch(52.82% 0.1859 276.16) 80.6%, oklch(53.23% 0.1850 273.45) 83.9%, oklch(53.73% 0.1836 270.81) 87.1%, oklch(54.26% 0.1819 268.35) 90.3%, oklch(54.77% 0.1802 266.16) 93.5%, oklch(55.21% 0.1787 264.34) 96.8%, oklch(55.51% 0.1778 262.97) 100.0%);

Dans ces collections

Dégradés bleu et violet

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