Rose clair, violet et violet foncé aux tons chauds en dégradé radial

Dégradé radial, 32 couleurs : #fff0f5, #9668a1, #8c337f, #86265b, #35132e. Modifiez et exportez en CSS, SVG, PNG ou shader.

4 points clés OKLCH modifiables.

• #fff0f5
• #f9e5ed
• #f0d6e2
• #e4c4d6
• #d6b1c9
• #c69ebe
• #b68ab3
• #a578a9
• #9668a1
• #885a99
• #7f4f93
• #79468f
• #78408b
• #7b3b89
• #7f3886
• #853583
• #8c337f
• #92327a
• #973175
• #9a3070
• #9a2e6b
• #962b66
• #902960
• #86265b
• #7b2355
• #6f2150
• #631e49
• #571c43
• #4c193d
• #421737
• #3b1532
• #35132e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(96.85% 0.0173 355.06) 0.0%, oklch(93.98% 0.0240 352.46) 3.2%, oklch(90.06% 0.0323 348.68) 6.5%, oklch(85.34% 0.0421 344.08) 9.7%, oklch(80.08% 0.0531 338.96) 12.9%, oklch(74.51% 0.0648 333.64) 16.1%, oklch(68.89% 0.0767 328.43) 19.4%, oklch(63.47% 0.0884 323.66) 22.6%, oklch(58.49% 0.0994 319.63) 25.8%, oklch(54.21% 0.1093 316.67) 29.0%, oklch(50.86% 0.1176 315.09) 32.3%, oklch(48.63% 0.1242 315.19) 35.5%, oklch(47.31% 0.1306 316.95) 38.7%, oklch(46.73% 0.1366 320.04) 41.9%, oklch(46.69% 0.1420 324.11) 45.2%, oklch(47.04% 0.1468 328.82) 48.4%, oklch(47.58% 0.1508 333.81) 51.6%, oklch(48.15% 0.1538 338.76) 54.8%, oklch(48.57% 0.1557 343.30) 58.1%, oklch(48.67% 0.1564 347.10) 61.3%, oklch(48.27% 0.1557 349.82) 64.5%, oklch(47.21% 0.1533 351.13) 67.7%, oklch(45.56% 0.1484 351.32) 71.0%, oklch(43.49% 0.1412 350.65) 74.2%, oklch(41.09% 0.1322 349.31) 77.4%, oklch(38.50% 0.1221 347.48) 80.6%, oklch(35.82% 0.1113 345.33) 83.9%, oklch(33.17% 0.1004 343.04) 87.1%, oklch(30.67% 0.0900 340.79) 90.3%, oklch(28.43% 0.0807 338.76) 93.5%, oklch(26.57% 0.0730 337.12) 96.8%, oklch(25.20% 0.0675 336.06) 100.0%);

Dans ces collections

Dégradés roses

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