#ADBA5E - #31351A | colorate

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

Blend #ADBA5E to #31351A

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

RGB 혼합 (선형)

#ADBA5E - #31351A | colorate

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

0.0%	0.0% #ADBA5E	RGB 173 186 94	#ADBA5E
16.7%	16.7% #98A352	RGB 152 163 82	#98A352
33.3%	33.3% #838D47	RGB 131 141 71	#838D47
50.0%	50.0% #6F773C	RGB 111 119 60	#6F773C
66.7%	66.7% #5A6130	RGB 90 97 48	#5A6130
83.3%	83.3% #454B25	RGB 69 75 37	#454B25
100.0%	100.0% #31351A	RGB 49 53 26	#31351A

#ADBA5E #98A352 #838D47 #6F773C #5A6130 #454B25 #31351A

#ADBA5E - #31351A

HSV 블렌드

#ADBA5E - #31351A | colorate

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

0.0%	0.0% #ADBA5E	RGB 173 186 94	#ADBA5E
16.7%	16.7% #98A352	RGB 152 163 82	#98A352
33.3%	33.3% #838D46	RGB 131 141 70	#838D46
50.0%	50.0% #6E773B	RGB 110 119 59	#6E773B
66.7%	66.7% #5A6130	RGB 90 97 48	#5A6130
83.3%	83.3% #454B25	RGB 69 75 37	#454B25
100.0%	100.0% #31351A	RGB 49 53 26	#31351A

#ADBA5E #98A352 #838D46 #6E773B #5A6130 #454B25 #31351A

#ADBA5E - #6E773B - #31351A

CSS 코드

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADBA5E 0%, #6E773B 50%, #31351A 100%);
    background: -webkit-linear-gradient(top, #ADBA5E 0%, #6E773B 50%, #31351A 100%);
    background: linear-gradient(to bottom, #ADBA5E 0%, #6E773B 50%, #31351A 100%);
}
</style>