#353E2D - #8C925B | colorate

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

Blend #353E2D to #8C925B

计算两种颜色#353E2D和#8C925B之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#353E2D - #8C925B | colorate

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

0.0%	0.0% #353E2D	RGB 53 62 45	#353E2D
16.7%	16.7% #434C34	RGB 67 76 52	#434C34
33.3%	33.3% #525A3C	RGB 82 90 60	#525A3C
50.0%	50.0% #606844	RGB 96 104 68	#606844
66.7%	66.7% #6F764B	RGB 111 118 75	#6F764B
83.3%	83.3% #7D8453	RGB 125 132 83	#7D8453
100.0%	100.0% #8C925B	RGB 140 146 91	#8C925B

#353E2D #434C34 #525A3C #606844 #6F764B #7D8453 #8C925B

#353E2D - #8C925B

HSV混合

#353E2D - #8C925B | colorate

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

0.0%	0.0% #353E2D	RGB 53 62 45	#353E2D
16.7%	16.7% #414C35	RGB 65 76 53	#414C35
33.3%	33.3% #4F5A3E	RGB 79 90 62	#4F5A3E
50.0%	50.0% #5D6846	RGB 93 104 70	#5D6846
66.7%	66.7% #6B764D	RGB 107 118 77	#6B764D
83.3%	83.3% #7B8454	RGB 123 132 84	#7B8454
100.0%	100.0% #8C925B	RGB 140 146 91	#8C925B

#353E2D #414C35 #4F5A3E #5D6846 #6B764D #7B8454 #8C925B

#353E2D - #5D6846 - #8C925B

CSS代码

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

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