갈색·연어색·주황·연파랑 선형 그라데이션
선형 그라데이션, 색상 40개, 각도 45°: #a57535, #db686a, #e08e40, #5b0e1f, #7bb0d9. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 5개.
- #a57535
- #a97435
- #af7236
- #b6703a
- #bd6e3f
- #c36c46
- #ca694f
- #cf6858
- #d36760
- #d76767
- #db686a
- #df6b6a
- #e47068
- #e97763
- #ed7e5e
- #f08557
- #f08c51
- #ef924c
- #ec9448
- #e79344
- #e08e40
- #d48339
- #c5742f
- #b36224
- #a04f1a
- #8d3d13
- #7c2c10
- #6d1d12
- #611317
- #5b0e1f
- #5a122b
- #5e1c3e
- #632b55
- #693d6f
- #6e528a
- #7168a3
- #737fb7
- #7693c7
- #78a5d2
- #7bb0d9
CSS
background: linear-gradient(45deg in oklch, oklch(59.84% 0.1006 71.72) 0.0%, oklch(60.17% 0.1034 68.18) 2.6%, oklch(60.58% 0.1074 63.08) 5.1%, oklch(61.07% 0.1122 56.87) 7.7%, oklch(61.61% 0.1175 50.02) 10.3%, oklch(62.21% 0.1231 42.97) 12.8%, oklch(62.84% 0.1285 36.19) 15.4%, oklch(63.50% 0.1336 30.14) 17.9%, oklch(64.17% 0.1381 25.28) 20.5%, oklch(64.85% 0.1415 22.06) 23.1%, oklch(65.54% 0.1437 20.95) 25.6%, oklch(66.57% 0.1450 22.35) 28.2%, oklch(67.95% 0.1456 25.87) 30.8%, oklch(69.52% 0.1455 30.94) 33.3%, oklch(71.12% 0.1449 36.95) 35.9%, oklch(72.56% 0.1439 43.34) 38.5%, oklch(73.70% 0.1426 49.53) 41.0%, oklch(74.36% 0.1410 54.93) 43.6%, oklch(74.37% 0.1392 58.95) 46.2%, oklch(73.58% 0.1373 61.03) 48.7%, oklch(71.73% 0.1354 60.81) 51.3%, oklch(68.28% 0.1332 59.39) 53.8%, oklch(63.56% 0.1305 56.99) 56.4%, oklch(58.00% 0.1275 53.65) 59.0%, oklch(52.03% 0.1244 49.38) 61.5%, oklch(46.09% 0.1211 44.20) 64.1%, oklch(40.59% 0.1177 38.14) 66.7%, oklch(35.99% 0.1144 31.20) 69.2%, oklch(32.70% 0.1112 23.42) 71.8%, oklch(31.16% 0.1082 14.82) 74.4%, oklch(31.73% 0.1053 4.80) 76.9%, oklch(34.21% 0.1023 352.27) 79.5%, oklch(38.18% 0.0991 337.83) 82.1%, oklch(43.26% 0.0960 322.18) 84.6%, oklch(49.01% 0.0930 306.01) 87.2%, oklch(55.03% 0.0900 290.00) 89.7%, oklch(60.91% 0.0873 274.86) 92.3%, oklch(66.25% 0.0849 261.27) 94.9%, oklch(70.62% 0.0829 249.92) 97.4%, oklch(73.62% 0.0813 241.50) 100.0%);