#AC5E3D - #F9A655 | colorate

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

Blend #AC5E3D to #F9A655

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

RGB混合

#AC5E3D - #F9A655 | colorate

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

0.0%	0.0% #AC5E3D	RGB 172 94 61	#AC5E3D
16.7%	16.7% #B86A41	RGB 184 106 65	#B86A41
33.3%	33.3% #C57645	RGB 197 118 69	#C57645
50.0%	50.0% #D28249	RGB 210 130 73	#D28249
66.7%	66.7% #DF8E4D	RGB 223 142 77	#DF8E4D
83.3%	83.3% #EC9A51	RGB 236 154 81	#EC9A51
100.0%	100.0% #F9A655	RGB 249 166 85	#F9A655

#AC5E3D #B86A41 #C57645 #D28249 #DF8E4D #EC9A51 #F9A655

#AC5E3D - #F9A655

HSV混合

#AC5E3D - #F9A655 | colorate

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

0.0%	0.0% #AC5E3D	RGB 172 94 61	#AC5E3D
16.7%	16.7% #B86841	RGB 184 104 65	#B86841
33.3%	33.3% #C57345	RGB 197 115 69	#C57345
50.0%	50.0% #D27F49	RGB 210 127 73	#D27F49
66.7%	66.7% #DF8B4D	RGB 223 139 77	#DF8B4D
83.3%	83.3% #EC9851	RGB 236 152 81	#EC9851
100.0%	100.0% #F9A655	RGB 249 166 85	#F9A655

#AC5E3D #B86841 #C57345 #D27F49 #DF8B4D #EC9851 #F9A655

#AC5E3D - #D27F49 - #F9A655

CSS代码

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

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