#5E6733 - #CDB15B | colorate

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

Blend #5E6733 to #CDB15B

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

RGB混合

#5E6733 - #CDB15B | colorate

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

0.0%	0.0% #5E6733	RGB 94 103 51	#5E6733
16.7%	16.7% #707339	RGB 112 115 57	#707339
33.3%	33.3% #837F40	RGB 131 127 64	#837F40
50.0%	50.0% #958C47	RGB 149 140 71	#958C47
66.7%	66.7% #A8984D	RGB 168 152 77	#A8984D
83.3%	83.3% #BAA454	RGB 186 164 84	#BAA454
100.0%	100.0% #CDB15B	RGB 205 177 91	#CDB15B

#5E6733 #707339 #837F40 #958C47 #A8984D #BAA454 #CDB15B

#5E6733 - #CDB15B

HSV混合

#5E6733 - #CDB15B | colorate

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

0.0%	0.0% #5E6733	RGB 94 103 51	#5E6733
16.7%	16.7% #71783A	RGB 113 120 58	#71783A
33.3%	33.3% #868941	RGB 134 137 65	#868941
50.0%	50.0% #9A9748	RGB 154 151 72	#9A9748
66.7%	66.7% #ABA14E	RGB 171 161 78	#ABA14E
83.3%	83.3% #BCA955	RGB 188 169 85	#BCA955
100.0%	100.0% #CDB15B	RGB 205 177 91	#CDB15B

#5E6733 #71783A #868941 #9A9748 #ABA14E #BCA955 #CDB15B

#5E6733 - #9A9748 - #CDB15B

CSS代码

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

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