Violet à rose (analogues) aux tons vifs en dégradé radial

Dégradé radial, 32 couleurs : #270060, #510b87, #923ba2, #cd5eb3, #fb7dbe. Modifiez et exportez en CSS, SVG, PNG ou shader.

2 points clés OKLCH modifiables.

• #270060
• #2a0064
• #2e0068
• #32006d
• #370073
• #3d0078
• #43007f
• #4a0383
• #510b87
• #58138a
• #5f198e
• #671f91
• #6f2595
• #772a98
• #80309c
• #89359f
• #923ba2
• #9a40a5
• #a345a8
• #ac4aaa
• #b44fad
• #bd55af
• #c559b1
• #cd5eb3
• #d463b5
• #db68b7
• #e26cb8
• #e870ba
• #ee74bb
• #f377bc
• #f87abd
• #fb7dbe

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(25.23% 0.1431 289.64) 0.0%, oklch(26.11% 0.1471 290.71) 3.2%, oklch(27.14% 0.1517 291.95) 6.5%, oklch(28.30% 0.1569 293.36) 9.7%, oklch(29.59% 0.1626 294.92) 12.9%, oklch(30.99% 0.1686 296.61) 16.1%, oklch(32.50% 0.1750 298.44) 19.4%, oklch(34.09% 0.1786 300.40) 22.6%, oklch(35.78% 0.1782 302.44) 25.8%, oklch(37.55% 0.1778 304.57) 29.0%, oklch(39.39% 0.1774 306.78) 32.3%, oklch(41.28% 0.1770 309.06) 35.5%, oklch(43.21% 0.1765 311.39) 38.7%, oklch(45.18% 0.1761 313.76) 41.9%, oklch(47.18% 0.1757 316.17) 45.2%, oklch(49.19% 0.1752 318.59) 48.4%, oklch(51.20% 0.1748 321.02) 51.6%, oklch(53.22% 0.1743 323.44) 54.8%, oklch(55.21% 0.1739 325.85) 58.1%, oklch(57.18% 0.1735 328.22) 61.3%, oklch(59.12% 0.1730 330.55) 64.5%, oklch(61.01% 0.1726 332.83) 67.7%, oklch(62.84% 0.1722 335.04) 71.0%, oklch(64.61% 0.1718 337.17) 74.2%, oklch(66.30% 0.1714 339.21) 77.4%, oklch(67.91% 0.1711 341.15) 80.6%, oklch(69.42% 0.1708 342.97) 83.9%, oklch(70.83% 0.1705 344.66) 87.1%, oklch(72.12% 0.1702 346.22) 90.3%, oklch(73.29% 0.1699 347.62) 93.5%, oklch(74.31% 0.1697 348.86) 96.8%, oklch(75.20% 0.1695 349.92) 100.0%);

Dans ces collections

Dégradés à deux couleurs

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