#AF9B5E - #855F1B | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #AF9B5E to #855F1B

计算两种颜色#AF9B5E和#855F1B之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#AF9B5E - #855F1B | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#AF9B5E的两种颜色之间的颜色扩展为0％，将#855F1B扩展为100％。

0.0%	0.0% #AF9B5E	RGB 175 155 94	#AF9B5E
16.7%	16.7% #A89152	RGB 168 145 82	#A89152
33.3%	33.3% #A18747	RGB 161 135 71	#A18747
50.0%	50.0% #9A7D3C	RGB 154 125 60	#9A7D3C
66.7%	66.7% #937331	RGB 147 115 49	#937331
83.3%	83.3% #8C6926	RGB 140 105 38	#8C6926
100.0%	100.0% #855F1B	RGB 133 95 27	#855F1B

#AF9B5E #A89152 #A18747 #9A7D3C #937331 #8C6926 #855F1B

#AF9B5E - #855F1B

HSV混合

#AF9B5E - #855F1B | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#AF9B5E的两种颜色之间的颜色扩展为0％，将#855F1B扩展为100％。

0.0%	0.0% #AF9B5E	RGB 175 155 94	#AF9B5E
16.7%	16.7% #A89050	RGB 168 144 80	#A89050
33.3%	33.3% #A18644	RGB 161 134 68	#A18644
50.0%	50.0% #9A7C38	RGB 154 124 56	#9A7C38
66.7%	66.7% #93722E	RGB 147 114 46	#93722E
83.3%	83.3% #8C6824	RGB 140 104 36	#8C6824
100.0%	100.0% #855F1B	RGB 133 95 27	#855F1B

#AF9B5E #A89050 #A18644 #9A7C38 #93722E #8C6824 #855F1B

#AF9B5E - #9A7C38 - #855F1B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9B5E 0%, #9A7C38 50%, #855F1B 100%);
    background: -webkit-linear-gradient(top, #AF9B5E 0%, #9A7C38 50%, #855F1B 100%);
    background: linear-gradient(to bottom, #AF9B5E 0%, #9A7C38 50%, #855F1B 100%);
}
</style>