회색·갈색·흰색 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 90°: #d7d4ce, #767473, #977561, #ddab8f, #f8f5f1. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #d7d4ce
- #cfccc7
- #c5c2bd
- #b8b5b2
- #aaa8a5
- #9b9a97
- #8d8c8a
- #817f7e
- #767473
- #6e6c6a
- #6a6763
- #6a655f
- #6e655d
- #75675c
- #7f6b5c
- #8a705e
- #977561
- #a57c65
- #b2836a
- #bf8a71
- #c99177
- #d1987d
- #d7a185
- #ddab8f
- #e1b69a
- #e5c1a7
- #e9ccb4
- #ecd7c3
- #efe1d1
- #f2e9de
- #f5f0e9
- #f8f5f1
CSS
background: linear-gradient(90deg in oklch, oklch(87.01% 0.0083 80.86) 0.0%, oklch(84.72% 0.0080 80.17) 3.2%, oklch(81.47% 0.0072 79.35) 6.5%, oklch(77.53% 0.0062 78.39) 9.7%, oklch(73.14% 0.0050 77.31) 12.9%, oklch(68.56% 0.0040 76.12) 16.1%, oklch(64.03% 0.0033 74.82) 19.4%, oklch(59.80% 0.0031 73.42) 22.6%, oklch(56.14% 0.0035 71.94) 25.8%, oklch(53.29% 0.0048 70.37) 29.0%, oklch(51.50% 0.0072 68.74) 32.3%, oklch(50.92% 0.0111 66.90) 35.5%, oklch(51.28% 0.0172 64.52) 38.7%, oklch(52.43% 0.0249 61.72) 41.9%, oklch(54.22% 0.0338 58.69) 45.2%, oklch(56.51% 0.0432 55.61) 48.4%, oklch(59.16% 0.0525 52.67) 51.6%, oklch(62.02% 0.0612 50.03) 54.8%, oklch(64.95% 0.0688 47.90) 58.1%, oklch(67.82% 0.0745 46.43) 61.3%, oklch(70.47% 0.0779 45.83) 64.5%, oklch(72.81% 0.0783 46.27) 67.7%, oklch(75.27% 0.0757 47.95) 71.0%, oklch(77.94% 0.0706 50.69) 74.2%, oklch(80.74% 0.0634 54.24) 77.4%, oklch(83.59% 0.0549 58.36) 80.6%, oklch(86.41% 0.0455 62.79) 83.9%, oklch(89.12% 0.0359 67.28) 87.1%, oklch(91.64% 0.0267 71.58) 90.3%, oklch(93.89% 0.0184 75.44) 93.5%, oklch(95.78% 0.0116 78.62) 96.8%, oklch(97.24% 0.0069 80.86) 100.0%);