#5E6B37 - #CFB45F | colorate

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

Blend #5E6B37 to #CFB45F

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

RGB混合

#5E6B37 - #CFB45F | colorate

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

0.0%	0.0% #5E6B37	RGB 94 107 55	#5E6B37
16.7%	16.7% #70773D	RGB 112 119 61	#70773D
33.3%	33.3% #838344	RGB 131 131 68	#838344
50.0%	50.0% #968F4B	RGB 150 143 75	#968F4B
66.7%	66.7% #A99B51	RGB 169 155 81	#A99B51
83.3%	83.3% #BCA758	RGB 188 167 88	#BCA758
100.0%	100.0% #CFB45F	RGB 207 180 95	#CFB45F

#5E6B37 #70773D #838344 #968F4B #A99B51 #BCA758 #CFB45F

#5E6B37 - #CFB45F

HSV混合

#5E6B37 - #CFB45F | colorate

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

0.0%	0.0% #5E6B37	RGB 94 107 55	#5E6B37
16.7%	16.7% #717B3E	RGB 113 123 62	#717B3E
33.3%	33.3% #868C45	RGB 134 140 69	#868C45
50.0%	50.0% #9C9D4C	RGB 156 157 76	#9C9D4C
66.7%	66.7% #ADA652	RGB 173 166 82	#ADA652
83.3%	83.3% #BEAE59	RGB 190 174 89	#BEAE59
100.0%	100.0% #CFB45F	RGB 207 180 95	#CFB45F

#5E6B37 #717B3E #868C45 #9C9D4C #ADA652 #BEAE59 #CFB45F

#5E6B37 - #9C9D4C - #CFB45F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B37 0%, #9C9D4C 50%, #CFB45F 100%);
    background: -webkit-linear-gradient(top, #5E6B37 0%, #9C9D4C 50%, #CFB45F 100%);
    background: linear-gradient(to bottom, #5E6B37 0%, #9C9D4C 50%, #CFB45F 100%);
}
</style>