#4E5E2D - #A88476 | colorate

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

Blend #4E5E2D to #A88476

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

RGB混合

#4E5E2D - #A88476 | colorate

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

0.0%	0.0% #4E5E2D	RGB 78 94 45	#4E5E2D
16.7%	16.7% #5D6439	RGB 93 100 57	#5D6439
33.3%	33.3% #6C6A45	RGB 108 106 69	#6C6A45
50.0%	50.0% #7B7151	RGB 123 113 81	#7B7151
66.7%	66.7% #8A775D	RGB 138 119 93	#8A775D
83.3%	83.3% #997D69	RGB 153 125 105	#997D69
100.0%	100.0% #A88476	RGB 168 132 118	#A88476

#4E5E2D #5D6439 #6C6A45 #7B7151 #8A775D #997D69 #A88476

#4E5E2D - #A88476

HSV混合

#4E5E2D - #A88476 | colorate

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

0.0%	0.0% #4E5E2D	RGB 78 94 45	#4E5E2D
16.7%	16.7% #626A36	RGB 98 106 54	#626A36
33.3%	33.3% #767541	RGB 118 117 65	#767541
50.0%	50.0% #83784D	RGB 131 120 77	#83784D
66.7%	66.7% #8F7B59	RGB 143 123 89	#8F7B59
83.3%	83.3% #9B7F67	RGB 155 127 103	#9B7F67
100.0%	100.0% #A88476	RGB 168 132 118	#A88476

#4E5E2D #626A36 #767541 #83784D #8F7B59 #9B7F67 #A88476

#4E5E2D - #83784D - #A88476

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E2D 0%, #83784D 50%, #A88476 100%);
    background: -webkit-linear-gradient(top, #4E5E2D 0%, #83784D 50%, #A88476 100%);
    background: linear-gradient(to bottom, #4E5E2D 0%, #83784D 50%, #A88476 100%);
}
</style>