라벤더·회색·보라·연파랑 선형 그라데이션
선형 그라데이션, 색상 40개, 각도 135°: #dfc3e2, #99b9aa, #7d5b5b, #567fab, #ecf1f6. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 6개.
- #dfc3e2
- #d8c3e4
- #cec4e6
- #c3c5e5
- #b7c6e2
- #adc6db
- #a6c5d2
- #a0c3c8
- #9dc0be
- #9bbcb4
- #99b9aa
- #98b5a0
- #98b095
- #9aaa89
- #9ca27e
- #9e9a73
- #9f8f6b
- #9c8265
- #957460
- #8a675d
- #7d5b5b
- #70515a
- #644b5a
- #5d485c
- #594962
- #584e6d
- #58577b
- #58628b
- #57709c
- #567fab
- #568eb7
- #5a9bc1
- #65a7c9
- #78b3d2
- #8ebfda
- #a6cbe3
- #bdd7ea
- #d1e1ef
- #e1eaf3
- #ecf1f6
CSS
background: linear-gradient(135deg in oklch, oklch(85.04% 0.0510 322.73) 0.0%, oklch(84.54% 0.0497 312.48) 2.6%, oklch(83.92% 0.0477 298.61) 5.1%, oklch(83.19% 0.0453 282.09) 7.7%, oklch(82.34% 0.0428 263.86) 10.3%, oklch(81.40% 0.0405 244.89) 12.8%, oklch(80.38% 0.0386 226.13) 15.4%, oklch(79.28% 0.0374 208.53) 17.9%, oklch(78.11% 0.0373 193.01) 20.5%, oklch(76.93% 0.0384 179.11) 23.1%, oklch(75.72% 0.0405 166.09) 25.6%, oklch(74.45% 0.0432 153.61) 28.2%, oklch(73.07% 0.0462 141.32) 30.8%, oklch(71.54% 0.0491 128.88) 33.3%, oklch(69.81% 0.0516 115.96) 35.9%, oklch(67.85% 0.0533 102.21) 38.5%, oklch(65.54% 0.0537 87.27) 41.0%, oklch(62.38% 0.0527 70.90) 43.6%, oklch(58.58% 0.0506 53.47) 46.2%, oklch(54.50% 0.0479 35.46) 48.7%, oklch(50.54% 0.0452 17.34) 51.3%, oklch(47.06% 0.0429 359.59) 53.8%, oklch(44.43% 0.0417 342.68) 56.4%, oklch(43.04% 0.0420 327.09) 59.0%, oklch(43.19% 0.0446 312.90) 61.5%, oklch(44.67% 0.0502 298.93) 64.1%, oklch(47.21% 0.0579 285.36) 66.7%, oklch(50.54% 0.0664 272.53) 69.2%, oklch(54.38% 0.0747 260.80) 71.8%, oklch(58.45% 0.0817 250.52) 74.4%, oklch(62.50% 0.0862 242.02) 76.9%, oklch(66.24% 0.0872 235.66) 79.5%, oklch(69.82% 0.0834 232.00) 82.1%, oklch(73.83% 0.0754 231.27) 84.6%, oklch(78.08% 0.0644 232.77) 87.2%, oklch(82.38% 0.0516 235.77) 89.7%, oklch(86.49% 0.0383 239.56) 92.3%, oklch(90.22% 0.0258 243.41) 94.9%, oklch(93.35% 0.0154 246.60) 97.4%, oklch(95.67% 0.0083 248.41) 100.0%);