#8C9A8C - #3C6C45 | colorate

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

Blend #8C9A8C to #3C6C45

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

RGB混合

#8C9A8C - #3C6C45 | colorate

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

0.0%	0.0% #8C9A8C	RGB 140 154 140	#8C9A8C
16.7%	16.7% #7E9280	RGB 126 146 128	#7E9280
33.3%	33.3% #718A74	RGB 113 138 116	#718A74
50.0%	50.0% #648368	RGB 100 131 104	#648368
66.7%	66.7% #567B5C	RGB 86 123 92	#567B5C
83.3%	83.3% #497350	RGB 73 115 80	#497350
100.0%	100.0% #3C6C45	RGB 60 108 69	#3C6C45

#8C9A8C #7E9280 #718A74 #648368 #567B5C #497350 #3C6C45

#8C9A8C - #3C6C45

HSV混合

#8C9A8C - #3C6C45 | colorate

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

0.0%	0.0% #8C9A8C	RGB 140 154 140	#8C9A8C
16.7%	16.7% #7C927D	RGB 124 146 125	#7C927D
33.3%	33.3% #6D8A6F	RGB 109 138 111	#6D8A6F
50.0%	50.0% #5F8363	RGB 95 131 99	#5F8363
66.7%	66.7% #537B58	RGB 83 123 88	#537B58
83.3%	83.3% #47734E	RGB 71 115 78	#47734E
100.0%	100.0% #3C6C45	RGB 60 108 69	#3C6C45

#8C9A8C #7C927D #6D8A6F #5F8363 #537B58 #47734E #3C6C45

#8C9A8C - #5F8363 - #3C6C45

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C9A8C 0%, #5F8363 50%, #3C6C45 100%);
    background: -webkit-linear-gradient(top, #8C9A8C 0%, #5F8363 50%, #3C6C45 100%);
    background: linear-gradient(to bottom, #8C9A8C 0%, #5F8363 50%, #3C6C45 100%);
}
</style>