#4F5E3E - #203B06 | colorate

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

Blend #4F5E3E to #203B06

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

RGB混合

#4F5E3E - #203B06 | colorate

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

0.0%	0.0% #4F5E3E	RGB 79 94 62	#4F5E3E
16.7%	16.7% #475834	RGB 71 88 52	#475834
33.3%	33.3% #3F522B	RGB 63 82 43	#3F522B
50.0%	50.0% #374C22	RGB 55 76 34	#374C22
66.7%	66.7% #2F4618	RGB 47 70 24	#2F4618
83.3%	83.3% #27400F	RGB 39 64 15	#27400F
100.0%	100.0% #203B06	RGB 32 59 6	#203B06

#4F5E3E #475834 #3F522B #374C22 #2F4618 #27400F #203B06

#4F5E3E - #203B06

HSV混合

#4F5E3E - #203B06 | colorate

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

0.0%	0.0% #4F5E3E	RGB 79 94 62	#4F5E3E
16.7%	16.7% #455831	RGB 69 88 49	#455831
33.3%	33.3% #3D5226	RGB 61 82 38	#3D5226
50.0%	50.0% #354C1D	RGB 53 76 29	#354C1D
66.7%	66.7% #2D4614	RGB 45 70 20	#2D4614
83.3%	83.3% #26400C	RGB 38 64 12	#26400C
100.0%	100.0% #203B06	RGB 32 59 6	#203B06

#4F5E3E #455831 #3D5226 #354C1D #2D4614 #26400C #203B06

#4F5E3E - #354C1D - #203B06

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F5E3E 0%, #354C1D 50%, #203B06 100%);
    background: -webkit-linear-gradient(top, #4F5E3E 0%, #354C1D 50%, #203B06 100%);
    background: linear-gradient(to bottom, #4F5E3E 0%, #354C1D 50%, #203B06 100%);
}
</style>