유사색 베이지·주황·마룬 원뿔형 그라데이션
원뿔형 그라데이션, 색상 32개, 각도 90°: #e0db8d, #dda929, #c35904, #9c0802, #620400. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #e0db8d
- #dfd886
- #ded47d
- #dece72
- #dec865
- #dec157
- #deba48
- #ddb238
- #dda929
- #dca01a
- #da960a
- #d88c00
- #d58100
- #d17700
- #cd6c00
- #c86303
- #c35904
- #bf4f03
- #ba4401
- #b43900
- #af2e00
- #a92200
- #a21601
- #9c0802
- #940003
- #8b0005
- #830004
- #7b0002
- #740000
- #6d0200
- #670400
- #620400
CSS
background: conic-gradient(from 90deg in oklch, oklch(87.80% 0.0992 105.47) 0.0%, oklch(86.96% 0.1031 103.97) 3.2%, oklch(85.88% 0.1086 102.08) 6.5%, oklch(84.60% 0.1151 99.84) 9.7%, oklch(83.15% 0.1222 97.27) 12.9%, oklch(81.57% 0.1292 94.42) 16.1%, oklch(79.88% 0.1359 91.32) 19.4%, oklch(78.12% 0.1415 88.00) 22.6%, oklch(76.31% 0.1456 84.48) 25.8%, oklch(74.37% 0.1483 80.46) 29.0%, oklch(72.28% 0.1502 75.94) 32.3%, oklch(70.07% 0.1508 71.10) 35.5%, oklch(67.79% 0.1508 66.14) 38.7%, oklch(65.48% 0.1517 61.25) 41.9%, oklch(63.18% 0.1535 56.61) 45.2%, oklch(60.94% 0.1548 52.41) 48.4%, oklch(58.76% 0.1569 48.72) 51.6%, oklch(56.55% 0.1600 45.23) 54.8%, oklch(54.31% 0.1637 41.90) 58.1%, oklch(52.08% 0.1677 38.77) 61.3%, oklch(49.89% 0.1711 35.93) 64.5%, oklch(47.75% 0.1742 33.45) 67.7%, oklch(45.70% 0.1757 31.38) 71.0%, oklch(43.77% 0.1754 29.72) 74.2%, oklch(41.94% 0.1718 28.65) 77.4%, oklch(40.10% 0.1640 28.18) 80.6%, oklch(38.30% 0.1567 28.21) 83.9%, oklch(36.59% 0.1498 28.58) 87.1%, oklch(35.01% 0.1436 29.15) 90.3%, oklch(33.59% 0.1363 29.60) 93.5%, oklch(32.41% 0.1298 30.06) 96.8%, oklch(31.50% 0.1253 30.29) 100.0%);