#5E5A3E - #B3C868 | colorate

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

Blend #5E5A3E to #B3C868

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

RGB混合

#5E5A3E - #B3C868 | colorate

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

0.0%	0.0% #5E5A3E	RGB 94 90 62	#5E5A3E
16.7%	16.7% #6C6C45	RGB 108 108 69	#6C6C45
33.3%	33.3% #7A7E4C	RGB 122 126 76	#7A7E4C
50.0%	50.0% #889153	RGB 136 145 83	#889153
66.7%	66.7% #96A35A	RGB 150 163 90	#96A35A
83.3%	83.3% #A4B561	RGB 164 181 97	#A4B561
100.0%	100.0% #B3C868	RGB 179 200 104	#B3C868

#5E5A3E #6C6C45 #7A7E4C #889153 #96A35A #A4B561 #B3C868

#5E5A3E - #B3C868

HSV混合

#5E5A3E - #B3C868 | colorate

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

0.0%	0.0% #5E5A3E	RGB 94 90 62	#5E5A3E
16.7%	16.7% #6F6C47	RGB 111 108 71	#6F6C47
33.3%	33.3% #81804F	RGB 129 128 79	#81804F
50.0%	50.0% #909356	RGB 144 147 86	#909356
66.7%	66.7% #9DA45D	RGB 157 164 93	#9DA45D
83.3%	83.3% #A8B663	RGB 168 182 99	#A8B663
100.0%	100.0% #B3C868	RGB 179 200 104	#B3C868

#5E5A3E #6F6C47 #81804F #909356 #9DA45D #A8B663 #B3C868

#5E5A3E - #909356 - #B3C868

CSS代码

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

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