보색 파랑·회색·갈색 원뿔형 그라데이션
원뿔형 그라데이션, 색상 32개, 각도 90°: #044cab, #248edf, #8db1b3, #bca65d, #9d750d. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 7개.
- #044cab
- #0152b1
- #005bb9
- #0065c1
- #006fca
- #0078d2
- #0080d8
- #1387dd
- #248edf
- #3195e0
- #3b9bde
- #46a1da
- #58a6d2
- #6baac9
- #7badc0
- #87afb9
- #8db1b3
- #90b4ac
- #95b6a1
- #9fb592
- #acb283
- #b5ae77
- #baaa6b
- #bca65d
- #bba24d
- #b99e3c
- #b7992d
- #b39121
- #ae8918
- #a78113
- #a17a10
- #9d750d
CSS
background: conic-gradient(from 90deg in oklch, oklch(44.09% 0.1654 258.75) 0.0%, oklch(45.84% 0.1663 257.65) 3.2%, oklch(48.33% 0.1657 256.12) 6.5%, oklch(51.20% 0.1646 254.29) 9.7%, oklch(54.11% 0.1638 252.39) 12.9%, oklch(56.71% 0.1631 250.59) 16.1%, oklch(58.89% 0.1634 249.22) 19.4%, oklch(60.96% 0.1595 248.33) 22.6%, oklch(62.90% 0.1526 247.38) 25.8%, oklch(64.72% 0.1440 245.83) 29.0%, oklch(66.40% 0.1335 243.10) 32.3%, oklch(67.95% 0.1197 239.23) 35.5%, oklch(69.40% 0.1006 235.27) 38.7%, oklch(70.72% 0.0795 230.42) 41.9%, oklch(71.88% 0.0599 223.70) 45.2%, oklch(72.84% 0.0455 214.16) 48.4%, oklch(73.57% 0.0394 200.37) 51.6%, oklch(74.13% 0.0404 180.31) 54.8%, oklch(74.51% 0.0462 156.86) 58.1%, oklch(74.68% 0.0549 133.52) 61.3%, oklch(74.60% 0.0644 113.83) 64.5%, oklch(74.27% 0.0732 101.11) 67.7%, oklch(73.67% 0.0842 94.88) 71.0%, oklch(72.83% 0.0969 92.85) 74.2%, oklch(71.77% 0.1095 93.07) 77.4%, oklch(70.50% 0.1198 93.59) 80.6%, oklch(69.03% 0.1261 92.50) 83.9%, oklch(67.05% 0.1277 90.36) 87.1%, oklch(64.68% 0.1260 88.22) 90.3%, oklch(62.26% 0.1226 86.22) 93.5%, oklch(60.13% 0.1192 84.54) 96.8%, oklch(58.66% 0.1171 83.33) 100.0%);