주황·회색·파랑 원뿔형 그라데이션
원뿔형 그라데이션, 색상 32개, 각도 90°: #ab4d04, #df8e24, #b4b18e, #5fa6b7, #09759b. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 7개.
- #ab4d04
- #b15202
- #ba5b00
- #c46500
- #cd6f00
- #d57800
- #d9800b
- #dd8718
- #df8e24
- #df9430
- #de9a3c
- #daa04a
- #d4a55c
- #ceaa6d
- #c6ad7c
- #bdaf87
- #b4b18e
- #a8b394
- #9ab49b
- #8db3a3
- #82b1ab
- #78adb1
- #6daab4
- #5fa6b7
- #4ea2b8
- #3b9eb8
- #2c98b7
- #2191b3
- #1989ad
- #1281a6
- #0d7aa0
- #09759b
CSS
background: conic-gradient(from 90deg in oklch, oklch(53.15% 0.1419 48.52) 0.0%, oklch(54.99% 0.1441 50.19) 3.2%, oklch(57.63% 0.1472 52.52) 6.5%, oklch(60.66% 0.1497 55.28) 9.7%, oklch(63.65% 0.1521 58.13) 12.9%, oklch(66.19% 0.1541 60.78) 16.1%, oklch(68.14% 0.1532 62.99) 19.4%, oklch(69.87% 0.1509 64.88) 22.6%, oklch(71.37% 0.1472 66.77) 25.8%, oklch(72.65% 0.1418 68.95) 29.0%, oklch(73.71% 0.1340 71.72) 32.3%, oklch(74.55% 0.1229 74.78) 35.5%, oklch(75.16% 0.1068 77.04) 38.7%, oklch(75.54% 0.0885 79.70) 41.9%, oklch(75.71% 0.0710 84.13) 45.2%, oklch(75.68% 0.0570 91.72) 48.4%, oklch(75.44% 0.0491 104.16) 51.6%, oklch(74.97% 0.0455 123.02) 54.8%, oklch(74.28% 0.0450 145.46) 58.1%, oklch(73.41% 0.0469 168.16) 61.3%, oklch(72.39% 0.0506 187.79) 64.5%, oklch(71.26% 0.0557 201.22) 67.7%, oklch(69.98% 0.0643 209.34) 71.0%, oklch(68.54% 0.0756 214.02) 74.2%, oklch(66.97% 0.0874 216.66) 77.4%, oklch(65.27% 0.0976 218.64) 80.6%, oklch(63.47% 0.1041 221.29) 83.9%, oklch(61.29% 0.1067 224.03) 87.1%, oklch(58.82% 0.1069 226.21) 90.3%, oklch(56.37% 0.1056 227.92) 93.5%, oklch(54.24% 0.1041 229.24) 96.8%, oklch(52.76% 0.1033 230.28) 100.0%);