#5E4F2D - #DC774B | colorate

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

Blend #5E4F2D to #DC774B

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

RGB混合

#5E4F2D - #DC774B | colorate

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

0.0%	0.0% #5E4F2D	RGB 94 79 45	#5E4F2D
16.7%	16.7% #735532	RGB 115 85 50	#735532
33.3%	33.3% #885C37	RGB 136 92 55	#885C37
50.0%	50.0% #9D633C	RGB 157 99 60	#9D633C
66.7%	66.7% #B26941	RGB 178 105 65	#B26941
83.3%	83.3% #C77046	RGB 199 112 70	#C77046
100.0%	100.0% #DC774B	RGB 220 119 75	#DC774B

#5E4F2D #735532 #885C37 #9D633C #B26941 #C77046 #DC774B

#5E4F2D - #DC774B

HSV混合

#5E4F2D - #DC774B | colorate

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

0.0%	0.0% #5E4F2D	RGB 94 79 45	#5E4F2D
16.7%	16.7% #735B34	RGB 115 91 52	#735B34
33.3%	33.3% #88663A	RGB 136 102 58	#88663A
50.0%	50.0% #9D6E40	RGB 157 110 64	#9D6E40
66.7%	66.7% #B27444	RGB 178 116 68	#B27444
83.3%	83.3% #C77748	RGB 199 119 72	#C77748
100.0%	100.0% #DC774B	RGB 220 119 75	#DC774B

#5E4F2D #735B34 #88663A #9D6E40 #B27444 #C77748 #DC774B

#5E4F2D - #9D6E40 - #DC774B

CSS代码

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

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