#5A5E4D - #46450B | colorate

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

Blend #5A5E4D to #46450B

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

RGB混合

#5A5E4D - #46450B | colorate

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

0.0%	0.0% #5A5E4D	RGB 90 94 77	#5A5E4D
16.7%	16.7% #565942	RGB 86 89 66	#565942
33.3%	33.3% #535537	RGB 83 85 55	#535537
50.0%	50.0% #50512C	RGB 80 81 44	#50512C
66.7%	66.7% #4C4D20	RGB 76 77 32	#4C4D20
83.3%	83.3% #494916	RGB 73 73 22	#494916
100.0%	100.0% #46450B	RGB 70 69 11	#46450B

#5A5E4D #565942 #535537 #50512C #4C4D20 #494916 #46450B

#5A5E4D - #46450B

HSV混合

#5A5E4D - #46450B | colorate

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

0.0%	0.0% #5A5E4D	RGB 90 94 77	#5A5E4D
16.7%	16.7% #545A3F	RGB 84 90 63	#545A3F
33.3%	33.3% #505633	RGB 80 86 51	#505633
50.0%	50.0% #4D5228	RGB 77 82 40	#4D5228
66.7%	66.7% #4A4E1D	RGB 74 78 29	#4A4E1D
83.3%	83.3% #484A13	RGB 72 74 19	#484A13
100.0%	100.0% #46450B	RGB 70 69 11	#46450B

#5A5E4D #545A3F #505633 #4D5228 #4A4E1D #484A13 #46450B

#5A5E4D - #4D5228 - #46450B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5E4D 0%, #4D5228 50%, #46450B 100%);
    background: -webkit-linear-gradient(top, #5A5E4D 0%, #4D5228 50%, #46450B 100%);
    background: linear-gradient(to bottom, #5A5E4D 0%, #4D5228 50%, #46450B 100%);
}
</style>