#42493C - #193202 | colorate

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

Blend #42493C to #193202

#42493C #193202

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

RGB 혼합 (선형)

#42493C - #193202 | colorate

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

0.0%	0.0% #42493C	RGB 66 73 60	#42493C
16.7%	16.7% #3B4532	RGB 59 69 50	#3B4532
33.3%	33.3% #344128	RGB 52 65 40	#344128
50.0%	50.0% #2D3D1F	RGB 45 61 31	#2D3D1F
66.7%	66.7% #263915	RGB 38 57 21	#263915
83.3%	83.3% #1F350B	RGB 31 53 11	#1F350B
100.0%	100.0% #193202	RGB 25 50 2	#193202

#42493C #3B4532 #344128 #2D3D1F #263915 #1F350B #193202

#42493C - #193202

HSV 블렌드

#42493C - #193202 | colorate

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

0.0%	0.0% #42493C	RGB 66 73 60	#42493C
16.7%	16.7% #39452F	RGB 57 69 47	#39452F
33.3%	33.3% #324124	RGB 50 65 36	#324124
50.0%	50.0% #2A3D1A	RGB 42 61 26	#2A3D1A
66.7%	66.7% #243911	RGB 36 57 17	#243911
83.3%	83.3% #1E3509	RGB 30 53 9	#1E3509
100.0%	100.0% #193202	RGB 25 50 2	#193202

#42493C #39452F #324124 #2A3D1A #243911 #1E3509 #193202

#42493C - #2A3D1A - #193202

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #42493C 0%, #2A3D1A 50%, #193202 100%);
    background: -webkit-linear-gradient(top, #42493C 0%, #2A3D1A 50%, #193202 100%);
    background: linear-gradient(to bottom, #42493C 0%, #2A3D1A 50%, #193202 100%);
}
</style>