베이지·주황·보라·네이비 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 90°: #f4e8c9, #d98134, #7664ad, #2d6575, #243c66. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #f4e8c9
- #f1e1be
- #edd8ae
- #e9cd9a
- #e5c085
- #e1b16e
- #dea258
- #dc9143
- #d98134
- #d77130
- #d46339
- #cf584b
- #c75164
- #b9517f
- #a65596
- #8f5da6
- #7664ad
- #5e6baa
- #4b70a1
- #3e7295
- #387189
- #356e80
- #316a7a
- #2d6575
- #286071
- #245b6f
- #21556d
- #204f6c
- #21496b
- #224469
- #243f67
- #243c66
CSS
background: linear-gradient(90deg in oklch, oklch(93.31% 0.0427 89.30) 0.0%, oklch(91.44% 0.0500 86.78) 3.2%, oklch(88.94% 0.0603 84.22) 6.5%, oklch(85.95% 0.0729 81.42) 9.7%, oklch(82.61% 0.0869 78.22) 12.9%, oklch(79.05% 0.1015 74.41) 16.1%, oklch(75.42% 0.1159 69.83) 19.4%, oklch(71.85% 0.1291 64.28) 22.6%, oklch(68.48% 0.1404 57.59) 25.8%, oklch(65.46% 0.1488 49.56) 29.0%, oklch(62.92% 0.1537 40.01) 32.3%, oklch(60.94% 0.1541 28.27) 35.5%, oklch(59.33% 0.1505 13.03) 38.7%, oklch(58.04% 0.1436 355.07) 41.9%, oklch(56.99% 0.1342 335.28) 45.2%, oklch(56.11% 0.1231 314.55) 48.4%, oklch(55.33% 0.1112 293.80) 51.6%, oklch(54.60% 0.0992 273.93) 54.8%, oklch(53.84% 0.0879 255.84) 58.1%, oklch(52.99% 0.0781 240.43) 61.3%, oklch(51.98% 0.0707 228.60) 64.5%, oklch(50.74% 0.0664 221.21) 67.7%, oklch(49.30% 0.0642 217.99) 71.0%, oklch(47.70% 0.0636 218.19) 74.2%, oklch(46.01% 0.0642 221.12) 77.4%, oklch(44.26% 0.0658 226.11) 80.6%, oklch(42.53% 0.0680 232.47) 83.9%, oklch(40.85% 0.0706 239.53) 87.1%, oklch(39.29% 0.0732 246.61) 90.3%, oklch(37.90% 0.0756 253.03) 93.5%, oklch(36.72% 0.0775 258.12) 96.8%, oklch(35.83% 0.0785 261.20) 100.0%);