#AA8C7C - #894A2B | colorate

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

Blend #AA8C7C to #894A2B

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

RGB混合

#AA8C7C - #894A2B | colorate

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

0.0%	0.0% #AA8C7C	RGB 170 140 124	#AA8C7C
16.7%	16.7% #A4816E	RGB 164 129 110	#A4816E
33.3%	33.3% #9F7661	RGB 159 118 97	#9F7661
50.0%	50.0% #996B53	RGB 153 107 83	#996B53
66.7%	66.7% #946046	RGB 148 96 70	#946046
83.3%	83.3% #8E5538	RGB 142 85 56	#8E5538
100.0%	100.0% #894A2B	RGB 137 74 43	#894A2B

#AA8C7C #A4816E #9F7661 #996B53 #946046 #8E5538 #894A2B

#AA8C7C - #894A2B

HSV混合

#AA8C7C - #894A2B | colorate

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

0.0%	0.0% #AA8C7C	RGB 170 140 124	#AA8C7C
16.7%	16.7% #A47F6C	RGB 164 127 108	#A47F6C
33.3%	33.3% #9F745D	RGB 159 116 93	#9F745D
50.0%	50.0% #996850	RGB 153 104 80	#996850
66.7%	66.7% #945E42	RGB 148 94 66	#945E42
83.3%	83.3% #8E5336	RGB 142 83 54	#8E5336
100.0%	100.0% #894A2B	RGB 137 74 43	#894A2B

#AA8C7C #A47F6C #9F745D #996850 #945E42 #8E5336 #894A2B

#AA8C7C - #996850 - #894A2B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA8C7C 0%, #996850 50%, #894A2B 100%);
    background: -webkit-linear-gradient(top, #AA8C7C 0%, #996850 50%, #894A2B 100%);
    background: linear-gradient(to bottom, #AA8C7C 0%, #996850 50%, #894A2B 100%);
}
</style>