گرادیان خطی بنفش تا اسطوخودوسی
گرادیان خطی، 32 رنگ با زاویه 180°: #520b35, #901f4f, #be5393, #ca88d3, #ccb8f0. ویرایش کنید و خروجی CSS، SVG، PNG یا شیدر بگیرید.
4 کیفریم OKLCH ویرایشپذیر.
- #520b35
- #570d37
- #5d0e3a
- #64103d
- #6c1240
- #741543
- #7e1847
- #871b4b
- #901f4f
- #982455
- #a0295b
- #a62f62
- #ac356a
- #b13c73
- #b6447e
- #ba4b88
- #be5393
- #c15b9e
- #c462a9
- #c66ab3
- #c772bc
- #c979c4
- #ca80cc
- #ca88d3
- #cb8fd9
- #cb97df
- #ca9ee4
- #caa5e7
- #caabeb
- #cbb0ed
- #cbb5ef
- #ccb8f0
CSS
background: linear-gradient(180deg in oklch, oklch(29.92% 0.1102 350.16) 0.0%, oklch(31.00% 0.1134 350.87) 3.2%, oklch(32.38% 0.1178 351.99) 6.5%, oklch(34.01% 0.1231 353.39) 9.7%, oklch(35.84% 0.1290 354.94) 12.9%, oklch(37.82% 0.1352 356.51) 16.1%, oklch(39.90% 0.1414 357.96) 19.4%, oklch(42.03% 0.1472 359.16) 22.6%, oklch(44.15% 0.1523 359.98) 25.8%, oklch(46.22% 0.1565 0.28) 29.0%, oklch(48.19% 0.1593 359.95) 32.3%, oklch(50.06% 0.1606 358.86) 35.5%, oklch(51.97% 0.1611 357.11) 38.7%, oklch(53.91% 0.1608 354.81) 41.9%, oklch(55.86% 0.1598 352.06) 45.2%, oklch(57.81% 0.1581 348.96) 48.4%, oklch(59.75% 0.1559 345.63) 51.6%, oklch(61.66% 0.1532 342.17) 54.8%, oklch(63.51% 0.1502 338.68) 58.1%, oklch(65.31% 0.1468 335.28) 61.3%, oklch(67.02% 0.1431 332.06) 64.5%, oklch(68.64% 0.1392 329.11) 67.7%, oklch(70.26% 0.1343 326.05) 71.0%, oklch(71.87% 0.1285 322.81) 74.2%, oklch(73.45% 0.1219 319.49) 77.4%, oklch(74.98% 0.1150 316.16) 80.6%, oklch(76.44% 0.1078 312.90) 83.9%, oklch(77.81% 0.1009 309.79) 87.1%, oklch(79.06% 0.0943 306.92) 90.3%, oklch(80.17% 0.0885 304.35) 93.5%, oklch(81.12% 0.0836 302.18) 96.8%, oklch(81.89% 0.0799 300.49) 100.0%);