#A89890 - #89543B | colorate

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

Blend #A89890 to #89543B

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

RGB混合

#A89890 - #89543B | colorate

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

0.0%	0.0% #A89890	RGB 168 152 144	#A89890
16.7%	16.7% #A28C81	RGB 162 140 129	#A28C81
33.3%	33.3% #9D8173	RGB 157 129 115	#9D8173
50.0%	50.0% #987665	RGB 152 118 101	#987665
66.7%	66.7% #936A57	RGB 147 106 87	#936A57
83.3%	83.3% #8E5F49	RGB 142 95 73	#8E5F49
100.0%	100.0% #89543B	RGB 137 84 59	#89543B

#A89890 #A28C81 #9D8173 #987665 #936A57 #8E5F49 #89543B

#A89890 - #89543B

HSV混合

#A89890 - #89543B | colorate

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

0.0%	0.0% #A89890	RGB 168 152 144	#A89890
16.7%	16.7% #A28B7F	RGB 162 139 127	#A28B7F
33.3%	33.3% #9D7F70	RGB 157 127 112	#9D7F70
50.0%	50.0% #987362	RGB 152 115 98	#987362
66.7%	66.7% #936854	RGB 147 104 84	#936854
83.3%	83.3% #8E5E47	RGB 142 94 71	#8E5E47
100.0%	100.0% #89543B	RGB 137 84 59	#89543B

#A89890 #A28B7F #9D7F70 #987362 #936854 #8E5E47 #89543B

#A89890 - #987362 - #89543B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A89890 0%, #987362 50%, #89543B 100%);
    background: -webkit-linear-gradient(top, #A89890 0%, #987362 50%, #89543B 100%);
    background: linear-gradient(to bottom, #A89890 0%, #987362 50%, #89543B 100%);
}
</style>