유사색 올리브·초록·회색 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 45°: #74733f, #546645, #517075, #8098a0, #f1e4c5. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #74733f
- #727240
- #6e7140
- #6a6f40
- #666d40
- #616b41
- #5d6941
- #596743
- #546645
- #516647
- #4e664b
- #4c6750
- #496957
- #486b5e
- #496c67
- #4c6e6e
- #517075
- #58727b
- #5f7581
- #667986
- #6c7f8c
- #728591
- #798d98
- #8098a0
- #88a4a7
- #93b1ac
- #a1bdb0
- #b2c8b3
- #c5d1b7
- #d7d9bb
- #e6dfc0
- #f1e4c5
CSS
background: linear-gradient(45deg in oklch, oklch(54.33% 0.0717 106.87) 0.0%, oklch(53.92% 0.0705 108.75) 3.2%, oklch(53.30% 0.0690 110.83) 6.5%, oklch(52.53% 0.0672 113.17) 9.7%, oklch(51.68% 0.0652 115.83) 12.9%, oklch(50.81% 0.0631 118.88) 16.1%, oklch(49.98% 0.0608 122.35) 19.4%, oklch(49.26% 0.0585 126.32) 22.6%, oklch(48.70% 0.0562 130.85) 25.8%, oklch(48.38% 0.0539 135.98) 29.0%, oklch(48.36% 0.0517 141.77) 32.3%, oklch(48.63% 0.0495 148.84) 35.5%, oklch(49.06% 0.0471 158.59) 38.7%, oklch(49.63% 0.0445 170.36) 41.9%, oklch(50.35% 0.0418 183.32) 45.2%, oklch(51.24% 0.0391 196.64) 48.4%, oklch(52.30% 0.0365 209.49) 51.6%, oklch(53.55% 0.0342 221.04) 54.8%, oklch(54.99% 0.0321 230.48) 58.1%, oklch(56.63% 0.0305 236.96) 61.3%, oklch(58.48% 0.0294 239.67) 64.5%, oklch(60.58% 0.0288 237.74) 67.7%, oklch(63.22% 0.0291 230.42) 71.0%, oklch(66.36% 0.0299 218.53) 74.2%, oklch(69.85% 0.0312 203.12) 77.4%, oklch(73.55% 0.0329 185.29) 80.6%, oklch(77.32% 0.0348 166.11) 83.9%, oklch(81.02% 0.0367 146.67) 87.1%, oklch(84.49% 0.0387 128.04) 90.3%, oklch(87.59% 0.0404 111.31) 93.5%, oklch(90.19% 0.0418 97.55) 96.8%, oklch(92.13% 0.0427 87.85) 100.0%);