#5E4D0C - #85C346 | colorate

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

Blend #5E4D0C to #85C346

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

RGB混合

#5E4D0C - #85C346 | colorate

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

0.0%	0.0% #5E4D0C	RGB 94 77 12	#5E4D0C
16.7%	16.7% #646015	RGB 100 96 21	#646015
33.3%	33.3% #6B741F	RGB 107 116 31	#6B741F
50.0%	50.0% #718829	RGB 113 136 41	#718829
66.7%	66.7% #789B32	RGB 120 155 50	#789B32
83.3%	83.3% #7EAF3C	RGB 126 175 60	#7EAF3C
100.0%	100.0% #85C346	RGB 133 195 70	#85C346

#5E4D0C #646015 #6B741F #718829 #789B32 #7EAF3C #85C346

#5E4D0C - #85C346

HSV混合

#5E4D0C - #85C346 | colorate

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

0.0%	0.0% #5E4D0B	RGB 94 77 11	#5E4D0B
16.7%	16.7% #6E6612	RGB 110 102 18	#6E6612
33.3%	33.3% #7C7F1A	RGB 124 127 26	#7C7F1A
50.0%	50.0% #809023	RGB 128 144 35	#809023
66.7%	66.7% #83A12D	RGB 131 161 45	#83A12D
83.3%	83.3% #84B239	RGB 132 178 57	#84B239
100.0%	100.0% #85C346	RGB 133 195 70	#85C346

#5E4D0B #6E6612 #7C7F1A #809023 #83A12D #84B239 #85C346

#5E4D0C - #809023 - #85C346

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D0B 0%, #809023 50%, #85C346 100%);
    background: -webkit-linear-gradient(top, #5E4D0B 0%, #809023 50%, #85C346 100%);
    background: linear-gradient(to bottom, #5E4D0B 0%, #809023 50%, #85C346 100%);
}
</style>