#4F5634 - #8DBC5E | colorate

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

Blend #4F5634 to #8DBC5E

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

RGB混合

#4F5634 - #8DBC5E | colorate

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

0.0%	0.0% #4F5634	RGB 79 86 52	#4F5634
16.7%	16.7% #59673B	RGB 89 103 59	#59673B
33.3%	33.3% #637842	RGB 99 120 66	#637842
50.0%	50.0% #6E8949	RGB 110 137 73	#6E8949
66.7%	66.7% #789A50	RGB 120 154 80	#789A50
83.3%	83.3% #82AB57	RGB 130 171 87	#82AB57
100.0%	100.0% #8DBC5E	RGB 141 188 94	#8DBC5E

#4F5634 #59673B #637842 #6E8949 #789A50 #82AB57 #8DBC5E

#4F5634 - #8DBC5E

HSV混合

#4F5634 - #8DBC5E | colorate

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

0.0%	0.0% #4F5634	RGB 79 86 52	#4F5634
16.7%	16.7% #5C673C	RGB 92 103 60	#5C673C
33.3%	33.3% #687844	RGB 104 120 68	#687844
50.0%	50.0% #73894B	RGB 115 137 75	#73894B
66.7%	66.7% #7D9A52	RGB 125 154 82	#7D9A52
83.3%	83.3% #85AB58	RGB 133 171 88	#85AB58
100.0%	100.0% #8DBC5E	RGB 141 188 94	#8DBC5E

#4F5634 #5C673C #687844 #73894B #7D9A52 #85AB58 #8DBC5E

#4F5634 - #73894B - #8DBC5E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5634 0%, #73894B 50%, #8DBC5E 100%);
    background: -webkit-linear-gradient(top, #4F5634 0%, #73894B 50%, #8DBC5E 100%);
    background: linear-gradient(to bottom, #4F5634 0%, #73894B 50%, #8DBC5E 100%);
}
</style>