유사색 네이비·보라·회색 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 135°: #223759, #a181a5, #957b9a, #666180, #5e6d88. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #223759
- #2c3d60
- #39446a
- #484d74
- #5a5780
- #6d618b
- #806c95
- #92779e
- #a181a5
- #ad89aa
- #b58eae
- #b790af
- #b68fad
- #b18caa
- #a987a6
- #a081a0
- #957b9a
- #8a7493
- #806d8d
- #776888
- #706483
- #6c6281
- #686180
- #666180
- #646281
- #626482
- #616583
- #606784
- #5f6986
- #5f6a87
- #5e6c88
- #5e6d88
CSS
background: linear-gradient(135deg in oklch, oklch(33.86% 0.0661 259.45) 0.0%, oklch(36.14% 0.0660 264.15) 3.2%, oklch(39.35% 0.0659 270.74) 6.5%, oklch(43.24% 0.0659 278.74) 9.7%, oklch(47.58% 0.0658 287.66) 12.9%, oklch(52.12% 0.0657 296.99) 16.1%, oklch(56.62% 0.0655 306.25) 19.4%, oklch(60.83% 0.0652 314.93) 22.6%, oklch(64.51% 0.0648 322.56) 25.8%, oklch(67.42% 0.0643 328.62) 29.0%, oklch(69.32% 0.0636 332.63) 32.3%, oklch(70.02% 0.0628 334.29) 35.5%, oklch(69.66% 0.0617 334.12) 38.7%, oklch(68.45% 0.0603 332.43) 41.9%, oklch(66.59% 0.0589 329.52) 45.2%, oklch(64.26% 0.0573 325.65) 48.4%, oklch(61.68% 0.0557 321.12) 51.6%, oklch(59.03% 0.0541 316.22) 54.8%, oklch(56.52% 0.0527 311.22) 58.1%, oklch(54.34% 0.0513 306.42) 61.3%, oklch(52.68% 0.0502 302.09) 64.5%, oklch(51.72% 0.0493 298.45) 67.7%, oklch(51.20% 0.0487 294.72) 71.0%, oklch(50.98% 0.0482 290.74) 74.2%, oklch(50.99% 0.0478 286.61) 77.4%, oklch(51.19% 0.0475 282.44) 80.6%, oklch(51.51% 0.0473 278.33) 83.9%, oklch(51.91% 0.0472 274.40) 87.1%, oklch(52.33% 0.0471 270.75) 90.3%, oklch(52.71% 0.0470 267.50) 93.5%, oklch(53.00% 0.0470 264.76) 96.8%, oklch(53.15% 0.0469 262.62) 100.0%);