#ABA7A1 - #87664B | colorate

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

Blend #ABA7A1 to #87664B

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

RGB混合

#ABA7A1 - #87664B | colorate

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

0.0%	0.0% #ABA7A1	RGB 171 167 161	#ABA7A1
16.7%	16.7% #A59C92	RGB 165 156 146	#A59C92
33.3%	33.3% #9F9184	RGB 159 145 132	#9F9184
50.0%	50.0% #998676	RGB 153 134 118	#998676
66.7%	66.7% #937B67	RGB 147 123 103	#937B67
83.3%	83.3% #8D7059	RGB 141 112 89	#8D7059
100.0%	100.0% #87664B	RGB 135 102 75	#87664B

#ABA7A1 #A59C92 #9F9184 #998676 #937B67 #8D7059 #87664B

#ABA7A1 - #87664B

HSV混合

#ABA7A1 - #87664B | colorate

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

0.0%	0.0% #ABA7A1	RGB 171 167 161	#ABA7A1
16.7%	16.7% #A59C90	RGB 165 156 144	#A59C90
33.3%	33.3% #9F9181	RGB 159 145 129	#9F9181
50.0%	50.0% #998672	RGB 153 134 114	#998672
66.7%	66.7% #937B64	RGB 147 123 100	#937B64
83.3%	83.3% #8D7057	RGB 141 112 87	#8D7057
100.0%	100.0% #87664B	RGB 135 102 75	#87664B

#ABA7A1 #A59C90 #9F9181 #998672 #937B64 #8D7057 #87664B

#ABA7A1 - #998672 - #87664B

CSS代码

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

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