#5E583C - #A76B73 | colorate

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

Blend #5E583C to #A76B73

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

RGB 혼합 (선형)

#5E583C - #A76B73 | colorate

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

0.0%	0.0% #5E583C	RGB 94 88 60	#5E583C
16.7%	16.7% #6A5B45	RGB 106 91 69	#6A5B45
33.3%	33.3% #765E4E	RGB 118 94 78	#765E4E
50.0%	50.0% #826157	RGB 130 97 87	#826157
66.7%	66.7% #8E6460	RGB 142 100 96	#8E6460
83.3%	83.3% #9A6769	RGB 154 103 105	#9A6769
100.0%	100.0% #A76B73	RGB 167 107 115	#A76B73

#5E583C #6A5B45 #765E4E #826157 #8E6460 #9A6769 #A76B73

#5E583C - #A76B73

HSV 블렌드

#5E583C - #A76B73 | colorate

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

0.0%	0.0% #5E583C	RGB 94 88 60	#5E583C
16.7%	16.7% #6A5D43	RGB 106 93 67	#6A5D43
33.3%	33.3% #76614B	RGB 118 97 75	#76614B
50.0%	50.0% #826353	RGB 130 99 83	#826353
66.7%	66.7% #8E645B	RGB 142 100 91	#8E645B
83.3%	83.3% #9A6463	RGB 154 100 99	#9A6463
100.0%	100.0% #A76B73	RGB 167 107 115	#A76B73

#5E583C #6A5D43 #76614B #826353 #8E645B #9A6463 #A76B73

#5E583C - #826353 - #A76B73

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E583C 0%, #826353 50%, #A76B73 100%);
    background: -webkit-linear-gradient(top, #5E583C 0%, #826353 50%, #A76B73 100%);
    background: linear-gradient(to bottom, #5E583C 0%, #826353 50%, #A76B73 100%);
}
</style>