#ACAD9F - #8C8949 | colorate

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

Blend #ACAD9F to #8C8949

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

RGB混合

#ACAD9F - #8C8949 | colorate

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

0.0%	0.0% #ACAD9F	RGB 172 173 159	#ACAD9F
16.7%	16.7% #A6A790	RGB 166 167 144	#A6A790
33.3%	33.3% #A1A182	RGB 161 161 130	#A1A182
50.0%	50.0% #9C9B74	RGB 156 155 116	#9C9B74
66.7%	66.7% #969565	RGB 150 149 101	#969565
83.3%	83.3% #918F57	RGB 145 143 87	#918F57
100.0%	100.0% #8C8949	RGB 140 137 73	#8C8949

#ACAD9F #A6A790 #A1A182 #9C9B74 #969565 #918F57 #8C8949

#ACAD9F - #8C8949

HSV混合

#ACAD9F - #8C8949 | colorate

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

0.0%	0.0% #ACAD9F	RGB 172 173 159	#ACAD9F
16.7%	16.7% #A6A78E	RGB 166 167 142	#A6A78E
33.3%	33.3% #A0A27F	RGB 160 162 127	#A0A27F
50.0%	50.0% #9B9C70	RGB 155 156 112	#9B9C70
66.7%	66.7% #979662	RGB 151 150 98	#979662
83.3%	83.3% #918F55	RGB 145 143 85	#918F55
100.0%	100.0% #8C8949	RGB 140 137 73	#8C8949

#ACAD9F #A6A78E #A0A27F #9B9C70 #979662 #918F55 #8C8949

#ACAD9F - #9B9C70 - #8C8949

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACAD9F 0%, #9B9C70 50%, #8C8949 100%);
    background: -webkit-linear-gradient(top, #ACAD9F 0%, #9B9C70 50%, #8C8949 100%);
    background: linear-gradient(to bottom, #ACAD9F 0%, #9B9C70 50%, #8C8949 100%);
}
</style>