진보라·회색·검정·보라 선형 그라데이션
선형 그라데이션, 색상 40개, 각도 135°: #280b33, #d3ace5, #7f7389, #2d223a, #7c34ba. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #280b33
- #30133c
- #3c1f49
- #4b2c59
- #5d3d6b
- #704f7f
- #856295
- #9a76ab
- #af8ac0
- #c29cd4
- #d3ace5
- #e0b9f3
- #e9c3fc
- #ecc7ff
- #e8c5fb
- #debff1
- #d0b4e1
- #bea6ce
- #aa96b8
- #9485a0
- #7f7389
- #6a6172
- #57515d
- #47424c
- #3a363e
- #302d34
- #2b272f
- #292430
- #2a2233
- #2d223a
- #332344
- #3a2550
- #42275e
- #4b2a6c
- #552d7c
- #5f2f8b
- #68319a
- #7033a7
- #7734b2
- #7c34ba
CSS
background: linear-gradient(135deg in oklch, oklch(22.05% 0.0799 315.00) 0.0%, oklch(25.29% 0.0804 314.97) 2.6%, oklch(29.80% 0.0812 314.97) 5.1%, oklch(35.30% 0.0823 314.98) 7.7%, oklch(41.55% 0.0836 315.00) 10.3%, oklch(48.26% 0.0850 315.01) 12.8%, oklch(55.20% 0.0864 315.01) 15.4%, oklch(62.08% 0.0876 314.99) 17.9%, oklch(68.66% 0.0885 314.94) 20.5%, oklch(74.67% 0.0890 314.85) 23.1%, oklch(79.85% 0.0891 314.71) 25.6%, oklch(83.94% 0.0886 314.52) 28.2%, oklch(86.67% 0.0874 314.27) 30.8%, oklch(87.80% 0.0854 313.94) 33.3%, oklch(87.09% 0.0819 313.52) 35.9%, oklch(84.69% 0.0764 312.98) 38.5%, oklch(80.90% 0.0694 312.35) 41.0%, oklch(75.98% 0.0615 311.65) 43.6%, oklch(70.23% 0.0529 310.89) 46.2%, oklch(63.93% 0.0442 310.11) 48.7%, oklch(57.35% 0.0357 309.32) 51.3%, oklch(50.78% 0.0281 308.54) 53.8%, oklch(44.50% 0.0216 307.79) 56.4%, oklch(38.80% 0.0167 307.09) 59.0%, oklch(33.95% 0.0140 306.46) 61.5%, oklch(30.24% 0.0138 305.92) 64.1%, oklch(27.95% 0.0165 305.49) 66.7%, oklch(26.99% 0.0229 305.16) 69.2%, oklch(26.97% 0.0327 304.91) 71.8%, oklch(27.76% 0.0454 304.72) 74.4%, oklch(29.21% 0.0603 304.58) 76.9%, oklch(31.19% 0.0770 304.50) 79.5%, oklch(33.56% 0.0948 304.45) 82.1%, oklch(36.17% 0.1130 304.43) 84.6%, oklch(38.89% 0.1312 304.43) 87.2%, oklch(41.58% 0.1487 304.44) 89.7%, oklch(44.10% 0.1649 304.45) 92.3%, oklch(46.30% 0.1792 304.46) 94.9%, oklch(48.05% 0.1910 304.46) 97.4%, oklch(49.21% 0.1998 304.43) 100.0%);