차분한 듀오톤 보라-파랑 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 90°: #9f6f93, #865d7d, #68506c, #54506a, #3d5f75. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #9f6f93
- #9d6e92
- #9a6c8f
- #98698d
- #95678a
- #916487
- #8e6283
- #8a5f80
- #865d7d
- #835b7b
- #7f5978
- #7b5777
- #785674
- #745472
- #705370
- #6c526e
- #68506c
- #654f6a
- #614f68
- #5e4e67
- #5c4e67
- #594e67
- #574e68
- #54506a
- #52516c
- #4f536f
- #4c5571
- #485873
- #455a74
- #425c75
- #3f5e75
- #3d5f75
CSS
background: linear-gradient(90deg in oklch, oklch(60.24% 0.0785 335.39) 0.0%, oklch(59.71% 0.0780 335.30) 3.2%, oklch(59.02% 0.0773 335.31) 6.5%, oklch(58.20% 0.0766 335.37) 9.7%, oklch(57.28% 0.0757 335.41) 12.9%, oklch(56.30% 0.0748 335.40) 16.1%, oklch(55.27% 0.0737 335.28) 19.4%, oklch(54.25% 0.0725 335.00) 22.6%, oklch(53.24% 0.0712 334.50) 25.8%, oklch(52.30% 0.0697 333.74) 29.0%, oklch(51.44% 0.0681 332.66) 32.3%, oklch(50.66% 0.0662 331.29) 35.5%, oklch(49.87% 0.0639 329.86) 38.7%, oklch(49.06% 0.0612 328.32) 41.9%, oklch(48.26% 0.0583 326.62) 45.2%, oklch(47.49% 0.0553 324.70) 48.4%, oklch(46.76% 0.0523 322.50) 51.6%, oklch(46.10% 0.0494 319.96) 54.8%, oklch(45.51% 0.0469 317.03) 58.1%, oklch(45.03% 0.0448 313.65) 61.3%, oklch(44.66% 0.0433 309.76) 64.5%, oklch(44.43% 0.0425 305.26) 67.7%, oklch(44.37% 0.0425 299.62) 71.0%, oklch(44.46% 0.0430 292.92) 74.2%, oklch(44.66% 0.0440 285.49) 77.4%, oklch(44.96% 0.0454 277.61) 80.6%, oklch(45.31% 0.0470 269.60) 83.9%, oklch(45.69% 0.0486 261.75) 87.1%, oklch(46.07% 0.0503 254.39) 90.3%, oklch(46.41% 0.0518 247.80) 93.5%, oklch(46.68% 0.0530 242.29) 96.8%, oklch(46.85% 0.0537 238.17) 100.0%);