#C8AC5E - #A06F1B | colorate

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

Blend #C8AC5E to #A06F1B

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

RGB混合

#C8AC5E - #A06F1B | colorate

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

0.0%	0.0% #C8AC5E	RGB 200 172 94	#C8AC5E
16.7%	16.7% #C1A152	RGB 193 161 82	#C1A152
33.3%	33.3% #BA9747	RGB 186 151 71	#BA9747
50.0%	50.0% #B48D3C	RGB 180 141 60	#B48D3C
66.7%	66.7% #AD8331	RGB 173 131 49	#AD8331
83.3%	83.3% #A67926	RGB 166 121 38	#A67926
100.0%	100.0% #A06F1B	RGB 160 111 27	#A06F1B

#C8AC5E #C1A152 #BA9747 #B48D3C #AD8331 #A67926 #A06F1B

#C8AC5E - #A06F1B

HSV混合

#C8AC5E - #A06F1B | colorate

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

0.0%	0.0% #C8AC5E	RGB 200 172 94	#C8AC5E
16.7%	16.7% #C1A151	RGB 193 161 81	#C1A151
33.3%	33.3% #BA9744	RGB 186 151 68	#BA9744
50.0%	50.0% #B48D39	RGB 180 141 57	#B48D39
66.7%	66.7% #AD832E	RGB 173 131 46	#AD832E
83.3%	83.3% #A67824	RGB 166 120 36	#A67824
100.0%	100.0% #A06F1B	RGB 160 111 27	#A06F1B

#C8AC5E #C1A151 #BA9744 #B48D39 #AD832E #A67824 #A06F1B

#C8AC5E - #B48D39 - #A06F1B

CSS代码

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

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