#3C5013 - #C7CDBB | colorate

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

Blend #3C5013 to #C7CDBB

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

RGB混合

#3C5013 - #C7CDBB | colorate

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

0.0%	0.0% #3C5013	RGB 60 80 19	#3C5013
16.7%	16.7% #53642F	RGB 83 100 47	#53642F
33.3%	33.3% #6A794B	RGB 106 121 75	#6A794B
50.0%	50.0% #818E67	RGB 129 142 103	#818E67
66.7%	66.7% #98A383	RGB 152 163 131	#98A383
83.3%	83.3% #AFB89F	RGB 175 184 159	#AFB89F
100.0%	100.0% #C7CDBB	RGB 199 205 187	#C7CDBB

#3C5013 #53642F #6A794B #818E67 #98A383 #AFB89F #C7CDBB

#3C5013 - #C7CDBB

HSV混合

#3C5013 - #C7CDBB | colorate

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

0.0%	0.0% #3C5013	RGB 60 80 19	#3C5013
16.7%	16.7% #4F6423	RGB 79 100 35	#4F6423
33.3%	33.3% #647938	RGB 100 121 56	#647938
50.0%	50.0% #7A8E51	RGB 122 142 81	#7A8E51
66.7%	66.7% #92A370	RGB 146 163 112	#92A370
83.3%	83.3% #ABB893	RGB 171 184 147	#ABB893
100.0%	100.0% #C7CDBB	RGB 199 205 187	#C7CDBB

#3C5013 #4F6423 #647938 #7A8E51 #92A370 #ABB893 #C7CDBB

#3C5013 - #7A8E51 - #C7CDBB

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5013 0%, #7A8E51 50%, #C7CDBB 100%);
    background: -webkit-linear-gradient(top, #3C5013 0%, #7A8E51 50%, #C7CDBB 100%);
    background: linear-gradient(to bottom, #3C5013 0%, #7A8E51 50%, #C7CDBB 100%);
}
</style>