#3E5E48 - #054919 | colorate

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

Blend #3E5E48 to #054919

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

RGB混合

#3E5E48 - #054919 | colorate

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

0.0%	0.0% #3E5E48	RGB 62 94 72	#3E5E48
16.7%	16.7% #345A40	RGB 52 90 64	#345A40
33.3%	33.3% #2B5738	RGB 43 87 56	#2B5738
50.0%	50.0% #215330	RGB 33 83 48	#215330
66.7%	66.7% #185028	RGB 24 80 40	#185028
83.3%	83.3% #0E4C20	RGB 14 76 32	#0E4C20
100.0%	100.0% #054919	RGB 5 73 25	#054919

#3E5E48 #345A40 #2B5738 #215330 #185028 #0E4C20 #054919

#3E5E48 - #054919

HSV混合

#3E5E48 - #054919 | colorate

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

0.0%	0.0% #3E5E48	RGB 62 94 72	#3E5E48
16.7%	16.7% #325A3F	RGB 50 90 63	#325A3F
33.3%	33.3% #285736	RGB 40 87 54	#285736
50.0%	50.0% #1E532E	RGB 30 83 46	#1E532E
66.7%	66.7% #155026	RGB 21 80 38	#155026
83.3%	83.3% #0C4C1F	RGB 12 76 31	#0C4C1F
100.0%	100.0% #054919	RGB 5 73 25	#054919

#3E5E48 #325A3F #285736 #1E532E #155026 #0C4C1F #054919

#3E5E48 - #1E532E - #054919

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E48 0%, #1E532E 50%, #054919 100%);
    background: -webkit-linear-gradient(top, #3E5E48 0%, #1E532E 50%, #054919 100%);
    background: linear-gradient(to bottom, #3E5E48 0%, #1E532E 50%, #054919 100%);
}
</style>