#8C6B5E - #662115 | colorate

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

Blend #8C6B5E to #662115

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

RGB混合

#8C6B5E - #662115 | colorate

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

0.0%	0.0% #8C6B5E	RGB 140 107 94	#8C6B5E
16.7%	16.7% #855E51	RGB 133 94 81	#855E51
33.3%	33.3% #7F5245	RGB 127 82 69	#7F5245
50.0%	50.0% #794639	RGB 121 70 57	#794639
66.7%	66.7% #72392D	RGB 114 57 45	#72392D
83.3%	83.3% #6C2D21	RGB 108 45 33	#6C2D21
100.0%	100.0% #662115	RGB 102 33 21	#662115

#8C6B5E #855E51 #7F5245 #794639 #72392D #6C2D21 #662115

#8C6B5E - #662115

HSV混合

#8C6B5E - #662115 | colorate

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

0.0%	0.0% #8C6B5E	RGB 140 107 94	#8C6B5E
16.7%	16.7% #855D4F	RGB 133 93 79	#855D4F
33.3%	33.3% #7F5041	RGB 127 80 65	#7F5041
50.0%	50.0% #794335	RGB 121 67 53	#794335
66.7%	66.7% #723729	RGB 114 55 41	#723729
83.3%	83.3% #6C2B1E	RGB 108 43 30	#6C2B1E
100.0%	100.0% #662115	RGB 102 33 21	#662115

#8C6B5E #855D4F #7F5041 #794335 #723729 #6C2B1E #662115

#8C6B5E - #794335 - #662115

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C6B5E 0%, #794335 50%, #662115 100%);
    background: -webkit-linear-gradient(top, #8C6B5E 0%, #794335 50%, #662115 100%);
    background: linear-gradient(to bottom, #8C6B5E 0%, #794335 50%, #662115 100%);
}
</style>