#3C5E48 - #013906 | colorate

colorate는 디자이너와 개발자에게 영감을 주는 색 구성표 도구입니다. 이것은 색채 작업을 위한 자료로 도움이 될 것입니다. 이 사이트를 더 좋게 만들기

Blend #3C5E48 to #013906

두 색상 #3C5E48과 #013906 사이의 색상을 계산하십시오. RGB 값을 계산할 때 서로 다른 색상 간의 채도가 낮습니다. HSV 값을 계산할 때, 서로 다른 색상 간의 채도가 낮지 않습니다.

RGB 혼합 (선형)

#3C5E48 - #013906 | colorate

RGB 값에 따라 두 색상 사이의 색상 계산. 서로 떨어진 색상의 경우 두 색상 사이의 채도가 감소합니다. #3C5E48이 0 %이고 #013906이 100 % 인 두 색상 사이의 색상을 확장하십시오.

0.0%	0.0% #3C5E48	RGB 60 94 72	#3C5E48
16.7%	16.7% #32573D	RGB 50 87 61	#32573D
33.3%	33.3% #285132	RGB 40 81 50	#285132
50.0%	50.0% #1E4B27	RGB 30 75 39	#1E4B27
66.7%	66.7% #14451C	RGB 20 69 28	#14451C
83.3%	83.3% #0A3F11	RGB 10 63 17	#0A3F11
100.0%	100.0% #013906	RGB 1 57 6	#013906

#3C5E48 #32573D #285132 #1E4B27 #14451C #0A3F11 #013906

#3C5E48 - #013906

HSV 블렌드

#3C5E48 - #013906 | colorate

HSV 값에 따라 두 색상 사이의 색상 계산. 서로 다른 색상의 색상 사이에서도 두 색상 간의 채도가 감소하지 않습니다. #3C5E48이 0 %이고 #013906이 100 % 인 두 색상 사이의 색상을 확장하십시오.

0.0%	0.0% #3C5E48	RGB 60 94 72	#3C5E48
16.7%	16.7% #2E573B	RGB 46 87 59	#2E573B
33.3%	33.3% #23512F	RGB 35 81 47	#23512F
50.0%	50.0% #184B23	RGB 24 75 35	#184B23
66.7%	66.7% #0F4519	RGB 15 69 25	#0F4519
83.3%	83.3% #073F0F	RGB 7 63 15	#073F0F
100.0%	100.0% #013906	RGB 1 57 6	#013906

#3C5E48 #2E573B #23512F #184B23 #0F4519 #073F0F #013906

#3C5E48 - #184B23 - #013906

CSS 코드

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E48 0%, #013906 100%);
    background: -webkit-linear-gradient(top, #3C5E48 0%, #013906 100%);
    background: linear-gradient(to bottom, #3C5E48 0%, #013906 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E48 0%, #184B23 50%, #013906 100%);
    background: -webkit-linear-gradient(top, #3C5E48 0%, #184B23 50%, #013906 100%);
    background: linear-gradient(to bottom, #3C5E48 0%, #184B23 50%, #013906 100%);
}
</style>