검정·진보라·주황·베이지 선형 그라데이션
선형 그라데이션, 색상 24개, 각도 30°: #171820, #5f1642, #c06300, #deb64f, #e9d9b5. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #171820
- #1b1a28
- #221c31
- #2d1c3a
- #3b1b41
- #4d1944
- #5f1642
- #72153d
- #831a35
- #94262c
- #a6371f
- #b54b09
- #c06300
- #c97800
- #d28b00
- #d89d1d
- #dbab37
- #deb64f
- #e0bf66
- #e3c77b
- #e5cd8e
- #e6d29e
- #e7d6ab
- #e9d9b5
CSS
background: linear-gradient(30deg in oklch, oklch(21.26% 0.0152 279.14) 0.0%, oklch(22.60% 0.0258 286.45) 4.3%, oklch(24.27% 0.0410 296.34) 8.7%, oklch(26.24% 0.0591 308.13) 13.0%, oklch(28.53% 0.0786 321.12) 17.4%, oklch(31.10% 0.0979 334.62) 21.7%, oklch(33.97% 0.1154 347.95) 26.1%, oklch(37.12% 0.1296 0.42) 30.4%, oklch(40.58% 0.1391 11.48) 34.8%, oklch(44.72% 0.1456 22.50) 39.1%, oklch(49.45% 0.1501 33.69) 43.5%, oklch(54.52% 0.1527 44.71) 47.8%, oklch(59.69% 0.1475 55.18) 52.2%, oklch(64.71% 0.1454 64.80) 56.5%, oklch(69.32% 0.1475 73.20) 60.9%, oklch(73.28% 0.1451 80.02) 65.2%, oklch(76.47% 0.1386 84.90) 69.6%, oklch(79.21% 0.1281 87.88) 73.9%, oklch(81.57% 0.1149 89.34) 78.3%, oklch(83.58% 0.1001 89.69) 82.6%, oklch(85.29% 0.0850 89.35) 87.0%, oklch(86.73% 0.0710 88.72) 91.3%, oklch(87.95% 0.0592 88.21) 95.7%, oklch(88.98% 0.0510 88.22) 100.0%);