#4A3E3E - #BA896E | colorate

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

Blend #4A3E3E to #BA896E

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

RGB混合

#4A3E3E - #BA896E | colorate

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

0.0%	0.0% #4A3E3E	RGB 74 62 62	#4A3E3E
16.7%	16.7% #5C4A46	RGB 92 74 70	#5C4A46
33.3%	33.3% #6F574E	RGB 111 87 78	#6F574E
50.0%	50.0% #826356	RGB 130 99 86	#826356
66.7%	66.7% #94705E	RGB 148 112 94	#94705E
83.3%	83.3% #A77C66	RGB 167 124 102	#A77C66
100.0%	100.0% #BA896E	RGB 186 137 110	#BA896E

#4A3E3E #5C4A46 #6F574E #826356 #94705E #A77C66 #BA896E

#4A3E3E - #BA896E

HSV混合

#4A3E3E - #BA896E | colorate

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

0.0%	0.0% #4A3E3E	RGB 74 62 62	#4A3E3E
16.7%	16.7% #5C4A49	RGB 92 74 73	#5C4A49
33.3%	33.3% #6F5754	RGB 111 87 84	#6F5754
50.0%	50.0% #82635C	RGB 130 99 92	#82635C
66.7%	66.7% #946F64	RGB 148 111 100	#946F64
83.3%	83.3% #A77C69	RGB 167 124 105	#A77C69
100.0%	100.0% #BA896E	RGB 186 137 110	#BA896E

#4A3E3E #5C4A49 #6F5754 #82635C #946F64 #A77C69 #BA896E

#4A3E3E - #82635C - #BA896E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A3E3E 0%, #82635C 50%, #BA896E 100%);
    background: -webkit-linear-gradient(top, #4A3E3E 0%, #82635C 50%, #BA896E 100%);
    background: linear-gradient(to bottom, #4A3E3E 0%, #82635C 50%, #BA896E 100%);
}
</style>