Pêche, violet, rose et orange aux tons vifs en dégradé angulaire

Dégradé angulaire, 32 couleurs à 90° : #fbb360, #ee4054, #501f8f, #c3329c, #fe773a. Modifiez et exportez en CSS, SVG, PNG ou shader.

5 points clés OKLCH modifiables.

• #fbb360
• #fcac58
• #fda14c
• #ff9440
• #ff8639
• #ff7535
• #fd6239
• #f85045
• #ee4054
• #df3166
• #c82777
• #ad2285
• #91218d
• #772091
• #621f90
• #541f8f
• #501f8f
• #552193
• #602399
• #71269f
• #8529a3
• #9b2ca4
• #b12ea2
• #c3329c
• #d13694
• #de3c89
• #e9457b
• #f24f6b
• #f85b5c
• #fb664e
• #fd7043
• #fe773a

CSS

background: conic-gradient(from 90deg in oklch, oklch(81.89% 0.1295 68.20) 0.0%, oklch(80.53% 0.1368 64.75) 3.2%, oklch(78.78% 0.1474 60.42) 6.5%, oklch(76.70% 0.1597 55.29) 9.7%, oklch(74.35% 0.1707 49.40) 12.9%, oklch(71.79% 0.1845 42.83) 16.1%, oklch(69.08% 0.1979 35.63) 19.4%, oklch(66.29% 0.2061 27.86) 22.6%, oklch(63.44% 0.2099 19.51) 25.8%, oklch(59.95% 0.2089 8.94) 29.0%, oklch(55.87% 0.2042 356.35) 32.3%, oklch(51.53% 0.1971 342.78) 35.5%, oklch(47.28% 0.1888 329.31) 38.7%, oklch(43.48% 0.1807 316.99) 41.9%, oklch(40.47% 0.1740 306.89) 45.2%, oklch(38.59% 0.1700 300.07) 48.4%, oklch(38.18% 0.1699 297.45) 51.6%, oklch(39.21% 0.1732 298.53) 54.8%, oklch(41.35% 0.1789 302.52) 58.1%, oklch(44.29% 0.1860 308.70) 61.3%, oklch(47.68% 0.1935 316.34) 64.5%, oklch(51.20% 0.2005 324.74) 67.7%, oklch(54.51% 0.2060 333.15) 71.0%, oklch(57.30% 0.2092 340.87) 74.2%, oklch(59.52% 0.2092 348.06) 77.4%, oklch(61.73% 0.2070 356.32) 80.6%, oklch(63.89% 0.2031 5.26) 83.9%, oklch(65.94% 0.1981 14.37) 87.1%, oklch(67.84% 0.1928 23.18) 90.3%, oklch(69.53% 0.1876 31.18) 93.5%, oklch(70.95% 0.1833 37.90) 96.8%, oklch(72.05% 0.1805 42.84) 100.0%);

Dans ces collections

Dégradés orange et violet

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