#ACAAA1 - #836D4B | colorate

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

Blend #ACAAA1 to #836D4B

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

RGB混合

#ACAAA1 - #836D4B | colorate

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

0.0%	0.0% #ACAAA1	RGB 172 170 161	#ACAAA1
16.7%	16.7% #A59F92	RGB 165 159 146	#A59F92
33.3%	33.3% #9E9584	RGB 158 149 132	#9E9584
50.0%	50.0% #978B76	RGB 151 139 118	#978B76
66.7%	66.7% #908167	RGB 144 129 103	#908167
83.3%	83.3% #897759	RGB 137 119 89	#897759
100.0%	100.0% #836D4B	RGB 131 109 75	#836D4B

#ACAAA1 #A59F92 #9E9584 #978B76 #908167 #897759 #836D4B

#ACAAA1 - #836D4B

HSV混合

#ACAAA1 - #836D4B | colorate

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

0.0%	0.0% #ACAAA1	RGB 172 170 161	#ACAAA1
16.7%	16.7% #A5A090	RGB 165 160 144	#A5A090
33.3%	33.3% #9E9681	RGB 158 150 129	#9E9681
50.0%	50.0% #978C72	RGB 151 140 114	#978C72
66.7%	66.7% #908264	RGB 144 130 100	#908264
83.3%	83.3% #897757	RGB 137 119 87	#897757
100.0%	100.0% #836D4B	RGB 131 109 75	#836D4B

#ACAAA1 #A5A090 #9E9681 #978C72 #908264 #897757 #836D4B

#ACAAA1 - #978C72 - #836D4B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACAAA1 0%, #978C72 50%, #836D4B 100%);
    background: -webkit-linear-gradient(top, #ACAAA1 0%, #978C72 50%, #836D4B 100%);
    background: linear-gradient(to bottom, #ACAAA1 0%, #978C72 50%, #836D4B 100%);
}
</style>