#5C5E00 - #B88D5D | colorate

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

Blend #5C5E00 to #B88D5D

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

RGB混合

#5C5E00 - #B88D5D | colorate

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

0.0%	0.0% #5C5E00	RGB 92 94 0	#5C5E00
16.7%	16.7% #6B650F	RGB 107 101 15	#6B650F
33.3%	33.3% #7A6D1F	RGB 122 109 31	#7A6D1F
50.0%	50.0% #8A752E	RGB 138 117 46	#8A752E
66.7%	66.7% #997D3E	RGB 153 125 62	#997D3E
83.3%	83.3% #A8854D	RGB 168 133 77	#A8854D
100.0%	100.0% #B88D5D	RGB 184 141 93	#B88D5D

#5C5E00 #6B650F #7A6D1F #8A752E #997D3E #A8854D #B88D5D

#5C5E00 - #B88D5D

HSV混合

#5C5E00 - #B88D5D | colorate

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

0.0%	0.0% #5C5E00	RGB 92 94 0	#5C5E00
16.7%	16.7% #6D6609	RGB 109 102 9	#6D6609
33.3%	33.3% #7C6D14	RGB 124 109 20	#7C6D14
50.0%	50.0% #8B7323	RGB 139 115 35	#8B7323
66.7%	66.7% #9A7A33	RGB 154 122 51	#9A7A33
83.3%	83.3% #A98247	RGB 169 130 71	#A98247
100.0%	100.0% #B88D5D	RGB 184 141 93	#B88D5D

#5C5E00 #6D6609 #7C6D14 #8B7323 #9A7A33 #A98247 #B88D5D

#5C5E00 - #8B7323 - #B88D5D

CSS代码

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

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