청록·베이지·주황·분홍 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 90°: #176b70, #518c5c, #edddba, #d8702a, #c54685. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #176b70
- #156e70
- #10716e
- #0d746b
- #117767
- #1d7b63
- #2c805f
- #3e855c
- #518c5c
- #699561
- #83a16c
- #9daf7d
- #b6be90
- #cbcba3
- #dcd6b3
- #e7ddbb
- #edddba
- #eed6ae
- #ecca9a
- #e8b982
- #e4a668
- #df934e
- #da8037
- #d8702a
- #d7642c
- #d75a38
- #d55247
- #d34c56
- #d04965
- #cc4773
- #c8477e
- #c54685
CSS
background: linear-gradient(90deg in oklch, oklch(48.43% 0.0758 201.09) 0.0%, oklch(49.02% 0.0780 197.11) 3.2%, oklch(49.63% 0.0814 191.87) 6.5%, oklch(50.35% 0.0855 185.63) 9.7%, oklch(51.26% 0.0897 178.66) 12.9%, oklch(52.45% 0.0935 171.21) 16.1%, oklch(54.01% 0.0961 163.54) 19.4%, oklch(56.02% 0.0971 155.91) 22.6%, oklch(58.60% 0.0958 148.54) 25.8%, oklch(62.41% 0.0907 140.85) 29.0%, oklch(67.30% 0.0825 132.72) 32.3%, oklch(72.73% 0.0726 124.33) 35.5%, oklch(78.20% 0.0625 115.91) 38.7%, oklch(83.19% 0.0537 107.66) 41.9%, oklch(87.18% 0.0476 99.77) 45.2%, oklch(89.65% 0.0458 92.46) 48.4%, oklch(90.12% 0.0495 85.92) 51.6%, oklch(88.61% 0.0591 80.22) 54.8%, oklch(85.62% 0.0731 75.12) 58.1%, oklch(81.62% 0.0897 70.39) 61.3%, oklch(77.13% 0.1076 65.80) 64.5%, oklch(72.61% 0.1250 61.11) 67.7%, oklch(68.58% 0.1404 56.07) 71.0%, oklch(65.52% 0.1521 50.45) 74.2%, oklch(63.58% 0.1597 43.89) 77.4%, oklch(62.14% 0.1648 36.24) 80.6%, oklch(61.07% 0.1680 27.94) 83.9%, oklch(60.31% 0.1699 19.46) 87.1%, oklch(59.77% 0.1707 11.25) 90.3%, oklch(59.37% 0.1711 3.78) 93.5%, oklch(59.03% 0.1715 357.51) 96.8%, oklch(58.66% 0.1722 352.91) 100.0%);