#967500 - #5E3800 | colorate

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

Blend #967500 to #5E3800

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

RGB混合

#967500 - #5E3800 | colorate

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

0.0%	0.0% #967500	RGB 150 117 0	#967500
16.7%	16.7% #8C6A00	RGB 140 106 0	#8C6A00
33.3%	33.3% #836000	RGB 131 96 0	#836000
50.0%	50.0% #7A5600	RGB 122 86 0	#7A5600
66.7%	66.7% #704C00	RGB 112 76 0	#704C00
83.3%	83.3% #674200	RGB 103 66 0	#674200
100.0%	100.0% #5E3800	RGB 94 56 0	#5E3800

#967500 #8C6A00 #836000 #7A5600 #704C00 #674200 #5E3800

#967500 - #5E3800

HSV混合

#967500 - #5E3800 | colorate

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

0.0%	0.0% #967500	RGB 150 117 0	#967500
16.7%	16.7% #8C6900	RGB 140 105 0	#8C6900
33.3%	33.3% #835E00	RGB 131 94 0	#835E00
50.0%	50.0% #7A5300	RGB 122 83 0	#7A5300
66.7%	66.7% #704A00	RGB 112 74 0	#704A00
83.3%	83.3% #674000	RGB 103 64 0	#674000
100.0%	100.0% #5E3800	RGB 94 56 0	#5E3800

#967500 #8C6900 #835E00 #7A5300 #704A00 #674000 #5E3800

#967500 - #7A5300 - #5E3800

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #967500 0%, #7A5300 50%, #5E3800 100%);
    background: -webkit-linear-gradient(top, #967500 0%, #7A5300 50%, #5E3800 100%);
    background: linear-gradient(to bottom, #967500 0%, #7A5300 50%, #5E3800 100%);
}
</style>