#8F9377 - #525E26 | colorate

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

Blend #8F9377 to #525E26

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

RGB混合

#8F9377 - #525E26 | colorate

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

0.0%	0.0% #8F9377	RGB 143 147 119	#8F9377
16.7%	16.7% #848A69	RGB 132 138 105	#848A69
33.3%	33.3% #7A815C	RGB 122 129 92	#7A815C
50.0%	50.0% #70784E	RGB 112 120 78	#70784E
66.7%	66.7% #666F41	RGB 102 111 65	#666F41
83.3%	83.3% #5C6633	RGB 92 102 51	#5C6633
100.0%	100.0% #525E26	RGB 82 94 38	#525E26

#8F9377 #848A69 #7A815C #70784E #666F41 #5C6633 #525E26

#8F9377 - #525E26

HSV混合

#8F9377 - #525E26 | colorate

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

0.0%	0.0% #8F9377	RGB 143 147 119	#8F9377
16.7%	16.7% #848A66	RGB 132 138 102	#848A66
33.3%	33.3% #7A8157	RGB 122 129 87	#7A8157
50.0%	50.0% #707849	RGB 112 120 73	#707849
66.7%	66.7% #656F3C	RGB 101 111 60	#656F3C
83.3%	83.3% #5B6630	RGB 91 102 48	#5B6630
100.0%	100.0% #525E26	RGB 82 94 38	#525E26

#8F9377 #848A66 #7A8157 #707849 #656F3C #5B6630 #525E26

#8F9377 - #707849 - #525E26

CSS代码

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

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