#BE8D5E - #ECDED1 | colorate

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

Blend #BE8D5E to #ECDED1

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

RGB混合

#BE8D5E - #ECDED1 | colorate

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

0.0%	0.0% #BE8D5E	RGB 190 141 94	#BE8D5E
16.7%	16.7% #C59A71	RGB 197 154 113	#C59A71
33.3%	33.3% #CDA884	RGB 205 168 132	#CDA884
50.0%	50.0% #D5B597	RGB 213 181 151	#D5B597
66.7%	66.7% #DCC3AA	RGB 220 195 170	#DCC3AA
83.3%	83.3% #E4D0BD	RGB 228 208 189	#E4D0BD
100.0%	100.0% #ECDED1	RGB 236 222 209	#ECDED1

#BE8D5E #C59A71 #CDA884 #D5B597 #DCC3AA #E4D0BD #ECDED1

#BE8D5E - #ECDED1

HSV混合

#BE8D5E - #ECDED1 | colorate

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

0.0%	0.0% #BE8D5E	RGB 190 141 94	#BE8D5E
16.7%	16.7% #C5996E	RGB 197 153 110	#C5996E
33.3%	33.3% #CDA580	RGB 205 165 128	#CDA580
50.0%	50.0% #D5B393	RGB 213 179 147	#D5B393
66.7%	66.7% #DCC0A6	RGB 220 192 166	#DCC0A6
83.3%	83.3% #E4CFBB	RGB 228 207 187	#E4CFBB
100.0%	100.0% #ECDED1	RGB 236 222 209	#ECDED1

#BE8D5E #C5996E #CDA580 #D5B393 #DCC0A6 #E4CFBB #ECDED1

#BE8D5E - #D5B393 - #ECDED1

CSS代码

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

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