듀오톤 청록·네이비 선형 스와치
선형 스와치, 색상 32개, 각도 270°: #22d4cd, #009fb3, #196b92, #254472, #26224f. 편집하고 CSS, SVG, PNG 또는 셰이더로 내보내세요.
편집할 수 있는 OKLCH 키프레임 4개.
- #22d4cd
- #1ed0cb
- #18cbc9
- #11c5c7
- #09bec3
- #02b6c0
- #00afbb
- #00a7b7
- #009fb3
- #0098ae
- #0391aa
- #078aa6
- #0b84a2
- #0f7e9e
- #13789a
- #167196
- #196b92
- #1c658d
- #1e6089
- #205a85
- #225580
- #234f7c
- #244a77
- #254472
- #263f6d
- #273a68
- #273563
- #27305e
- #272c5a
- #272856
- #262552
- #26224f
CSS
background: linear-gradient(270deg, oklch(78.74% 0.1309 190.55) 0.000% 3.125%, oklch(77.65% 0.1294 192.03) 3.125% 6.250%, oklch(76.25% 0.1275 193.90) 6.250% 9.375%, oklch(74.59% 0.1253 196.10) 9.375% 12.500%, oklch(72.73% 0.1227 198.56) 12.500% 15.625%, oklch(70.72% 0.1200 201.24) 15.625% 18.750%, oklch(68.62% 0.1170 204.09) 18.750% 21.875%, oklch(66.49% 0.1140 207.05) 21.875% 25.000%, oklch(64.38% 0.1114 210.06) 25.000% 28.125%, oklch(62.34% 0.1091 213.05) 28.125% 31.250%, oklch(60.44% 0.1068 216.00) 31.250% 34.375%, oklch(58.67% 0.1048 218.90) 34.375% 37.500%, oklch(56.92% 0.1029 221.88) 37.500% 40.625%, oklch(55.18% 0.1011 224.94) 40.625% 43.750%, oklch(53.45% 0.0993 228.08) 43.750% 46.875%, oklch(51.74% 0.0977 231.27) 46.875% 50.000%, oklch(50.04% 0.0961 234.50) 50.000% 53.125%, oklch(48.37% 0.0946 237.77) 53.125% 56.250%, oklch(46.73% 0.0931 241.04) 56.250% 59.375%, oklch(45.12% 0.0918 244.31) 59.375% 62.500%, oklch(43.55% 0.0904 247.57) 62.500% 65.625%, oklch(42.01% 0.0891 250.82) 65.625% 68.750%, oklch(40.43% 0.0879 254.28) 68.750% 71.875%, oklch(38.83% 0.0867 257.96) 71.875% 75.000%, oklch(37.22% 0.0856 261.75) 75.000% 78.125%, oklch(35.63% 0.0845 265.56) 78.125% 81.250%, oklch(34.10% 0.0836 269.29) 81.250% 84.375%, oklch(32.66% 0.0826 272.86) 84.375% 87.500%, oklch(31.33% 0.0818 276.16) 87.500% 90.625%, oklch(30.15% 0.0811 279.11) 90.625% 93.750%, oklch(29.15% 0.0804 281.60) 93.750% 96.875%, oklch(28.35% 0.0799 283.54) 96.875% 100.000%);