선명한 파랑·초록·주황 선형 그라데이션
선형 그라데이션, 색상 32개, 각도 150°: #412da2, #1e5e7e, #508447, #a28e24, #e37c21. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 8개.
- #412da2
- #3d32a0
- #36389d
- #2f3e99
- #274594
- #1e4b90
- #19528a
- #1a5983
- #1e5e7e
- #216479
- #1f6974
- #206f6d
- #277464
- #33785b
- #3f7c54
- #48804e
- #508447
- #598741
- #658a39
- #728b33
- #7f8d2f
- #8b8e2c
- #968e29
- #a28e24
- #ad8e21
- #b88c20
- #c28b20
- #cb8821
- #d38520
- #da821f
- #df7f1f
- #e37c21
CSS
background: linear-gradient(150deg in oklch, oklch(40.16% 0.1778 282.66) 0.0%, oklch(40.34% 0.1705 279.84) 3.2%, oklch(40.56% 0.1603 275.96) 6.5%, oklch(40.91% 0.1484 271.09) 9.7%, oklch(41.43% 0.1360 265.32) 12.9%, oklch(42.22% 0.1236 258.74) 16.1%, oklch(43.27% 0.1088 251.48) 19.4%, oklch(44.50% 0.0938 243.27) 22.6%, oklch(45.78% 0.0812 233.83) 25.8%, oklch(47.02% 0.0737 222.84) 29.0%, oklch(48.24% 0.0720 208.89) 32.3%, oklch(49.47% 0.0742 192.88) 35.5%, oklch(50.72% 0.0788 176.95) 38.7%, oklch(51.99% 0.0840 163.27) 41.9%, oklch(53.30% 0.0895 153.42) 45.2%, oklch(54.64% 0.0970 146.37) 48.4%, oklch(55.99% 0.1050 140.86) 51.6%, oklch(57.33% 0.1121 135.69) 54.8%, oklch(58.64% 0.1167 129.74) 58.1%, oklch(59.94% 0.1186 123.55) 61.3%, oklch(61.24% 0.1188 117.43) 64.5%, oklch(62.48% 0.1188 111.28) 67.7%, oklch(63.63% 0.1196 104.98) 71.0%, oklch(64.68% 0.1218 98.31) 74.2%, oklch(65.68% 0.1244 91.27) 77.4%, oklch(66.59% 0.1276 84.28) 80.6%, oklch(67.35% 0.1313 77.79) 83.9%, oklch(67.94% 0.1357 72.14) 87.1%, oklch(68.34% 0.1417 66.89) 90.3%, oklch(68.60% 0.1483 62.16) 93.5%, oklch(68.77% 0.1543 58.25) 96.8%, oklch(68.90% 0.1585 55.45) 100.0%);