#4D3423 - #CCC5C0 | colorate

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

Blend #4D3423 to #CCC5C0

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

RGB 혼합 (선형)

#4D3423 - #CCC5C0 | colorate

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

0.0%	0.0% #4D3423	RGB 77 52 35	#4D3423
16.7%	16.7% #624C3D	RGB 98 76 61	#624C3D
33.3%	33.3% #776457	RGB 119 100 87	#776457
50.0%	50.0% #8C7C71	RGB 140 124 113	#8C7C71
66.7%	66.7% #A1948B	RGB 161 148 139	#A1948B
83.3%	83.3% #B6ACA5	RGB 182 172 165	#B6ACA5
100.0%	100.0% #CCC5C0	RGB 204 197 192	#CCC5C0

#4D3423 #624C3D #776457 #8C7C71 #A1948B #B6ACA5 #CCC5C0

#4D3423 - #CCC5C0

HSV 블렌드

#4D3423 - #CCC5C0 | colorate

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

0.0%	0.0% #4D3423	RGB 77 52 35	#4D3423
16.7%	16.7% #624734	RGB 98 71 52	#624734
33.3%	33.3% #775C49	RGB 119 92 73	#775C49
50.0%	50.0% #8C7362	RGB 140 115 98	#8C7362
66.7%	66.7% #A18C7D	RGB 161 140 125	#A18C7D
83.3%	83.3% #B6A79D	RGB 182 167 157	#B6A79D
100.0%	100.0% #CCC5C0	RGB 204 197 192	#CCC5C0

#4D3423 #624734 #775C49 #8C7362 #A18C7D #B6A79D #CCC5C0

#4D3423 - #8C7362 - #CCC5C0

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3423 0%, #8C7362 50%, #CCC5C0 100%);
    background: -webkit-linear-gradient(top, #4D3423 0%, #8C7362 50%, #CCC5C0 100%);
    background: linear-gradient(to bottom, #4D3423 0%, #8C7362 50%, #CCC5C0 100%);
}
</style>