#A84927 - #E6CBC1 | colorate

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

Blend #A84927 to #E6CBC1

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

RGB混合

#A84927 - #E6CBC1 | colorate

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

0.0%	0.0% #A84927	RGB 168 73 39	#A84927
16.7%	16.7% #B25E40	RGB 178 94 64	#B25E40
33.3%	33.3% #BC745A	RGB 188 116 90	#BC745A
50.0%	50.0% #C78A74	RGB 199 138 116	#C78A74
66.7%	66.7% #D19F8D	RGB 209 159 141	#D19F8D
83.3%	83.3% #DBB5A7	RGB 219 181 167	#DBB5A7
100.0%	100.0% #E6CBC1	RGB 230 203 193	#E6CBC1

#A84927 #B25E40 #BC745A #C78A74 #D19F8D #DBB5A7 #E6CBC1

#A84927 - #E6CBC1

HSV混合

#A84927 - #E6CBC1 | colorate

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

0.0%	0.0% #A84927	RGB 168 73 39	#A84927
16.7%	16.7% #B25A3B	RGB 178 90 59	#B25A3B
33.3%	33.3% #BC6E51	RGB 188 110 81	#BC6E51
50.0%	50.0% #C7836A	RGB 199 131 106	#C7836A
66.7%	66.7% #D19985	RGB 209 153 133	#D19985
83.3%	83.3% #DBB1A2	RGB 219 177 162	#DBB1A2
100.0%	100.0% #E6CBC1	RGB 230 203 193	#E6CBC1

#A84927 #B25A3B #BC6E51 #C7836A #D19985 #DBB1A2 #E6CBC1

#A84927 - #C7836A - #E6CBC1

CSS代码

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

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