검정·청록·보라·분홍 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 180°: #081516, #155354, #366298, #8361a9, #d1ac71. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 6개.
- #081516
- #091a1b
- #0a1f21
- #0c2728
- #0d2f31
- #0f373a
- #104043
- #12494b
- #155354
- #195f5d
- #1d6a65
- #1e736d
- #1b7a76
- #0e7c81
- #04788c
- #1c6f94
- #366298
- #4a5695
- #594d8f
- #644a8c
- #6d4c8f
- #745296
- #7b599f
- #8361a9
- #8f68af
- #9f6daf
- #b472a7
- #c77996
- #d48484
- #d89275
- #d6a16f
- #d1ac71
CSS
background: linear-gradient(180deg in oklch, oklch(18.50% 0.0193 201.09) 0.0%, oklch(20.17% 0.0226 201.17) 3.2%, oklch(22.43% 0.0271 201.35) 6.5%, oklch(25.13% 0.0324 201.54) 9.7%, oklch(28.09% 0.0382 201.64) 12.9%, oklch(31.13% 0.0442 201.56) 16.1%, oklch(34.08% 0.0499 201.21) 19.4%, oklch(37.10% 0.0554 199.70) 22.6%, oklch(40.60% 0.0612 196.17) 25.8%, oklch(44.25% 0.0671 192.05) 29.0%, oklch(47.71% 0.0730 188.83) 32.3%, oklch(50.63% 0.0785 188.00) 35.5%, oklch(52.66% 0.0836 191.06) 38.7%, oklch(53.41% 0.0880 199.70) 41.9%, oklch(52.70% 0.0921 214.66) 45.2%, oklch(51.06% 0.0958 233.65) 48.4%, oklch(49.07% 0.0992 254.22) 51.6%, oklch(47.32% 0.1022 273.87) 54.8%, oklch(46.39% 0.1048 290.15) 58.1%, oklch(46.78% 0.1069 300.63) 61.3%, oklch(48.21% 0.1089 305.04) 64.5%, oklch(50.35% 0.1107 305.63) 67.7%, oklch(52.96% 0.1119 304.79) 71.0%, oklch(55.78% 0.1126 304.92) 74.2%, oklch(58.57% 0.1124 308.41) 77.4%, oklch(61.12% 0.1113 317.66) 80.6%, oklch(63.82% 0.1085 334.22) 83.9%, oklch(66.74% 0.1045 355.97) 87.1%, oklch(69.68% 0.0998 20.07) 90.3%, oklch(72.41% 0.0950 43.65) 93.5%, oklch(74.71% 0.0910 63.85) 96.8%, oklch(76.38% 0.0882 77.81) 100.0%);