#E3CBA4 - #403A2E | colorate

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

Blend #E3CBA4 to #403A2E

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

RGB混合

#E3CBA4 - #403A2E | colorate

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

0.0%	0.0% #E3CBA4	RGB 227 203 164	#E3CBA4
16.7%	16.7% #C7B290	RGB 199 178 144	#C7B290
33.3%	33.3% #AC9A7C	RGB 172 154 124	#AC9A7C
50.0%	50.0% #918269	RGB 145 130 105	#918269
66.7%	66.7% #766A55	RGB 118 106 85	#766A55
83.3%	83.3% #5B5241	RGB 91 82 65	#5B5241
100.0%	100.0% #403A2E	RGB 64 58 46	#403A2E

#E3CBA4 #C7B290 #AC9A7C #918269 #766A55 #5B5241 #403A2E

#E3CBA4 - #403A2E

HSV混合

#E3CBA4 - #403A2E | colorate

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

0.0%	0.0% #E3CBA4	RGB 227 203 164	#E3CBA4
16.7%	16.7% #C7B390	RGB 199 179 144	#C7B390
33.3%	33.3% #AC9B7C	RGB 172 155 124	#AC9B7C
50.0%	50.0% #918268	RGB 145 130 104	#918268
66.7%	66.7% #766A55	RGB 118 106 85	#766A55
83.3%	83.3% #5B5241	RGB 91 82 65	#5B5241
100.0%	100.0% #403A2E	RGB 64 58 46	#403A2E

#E3CBA4 #C7B390 #AC9B7C #918268 #766A55 #5B5241 #403A2E

#E3CBA4 - #918268 - #403A2E

CSS代码

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

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