#AD956B - #5E4A26 | colorate

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

Blend #AD956B to #5E4A26

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

RGB混合

#AD956B - #5E4A26 | colorate

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

0.0%	0.0% #AD956B	RGB 173 149 107	#AD956B
16.7%	16.7% #9F885F	RGB 159 136 95	#9F885F
33.3%	33.3% #927C54	RGB 146 124 84	#927C54
50.0%	50.0% #856F48	RGB 133 111 72	#856F48
66.7%	66.7% #78633D	RGB 120 99 61	#78633D
83.3%	83.3% #6B5631	RGB 107 86 49	#6B5631
100.0%	100.0% #5E4A26	RGB 94 74 38	#5E4A26

#AD956B #9F885F #927C54 #856F48 #78633D #6B5631 #5E4A26

#AD956B - #5E4A26

HSV混合

#AD956B - #5E4A26 | colorate

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

0.0%	0.0% #AD956B	RGB 173 149 107	#AD956B
16.7%	16.7% #9F875D	RGB 159 135 93	#9F875D
33.3%	33.3% #927A50	RGB 146 122 80	#927A50
50.0%	50.0% #856D44	RGB 133 109 68	#856D44
66.7%	66.7% #786139	RGB 120 97 57	#786139
83.3%	83.3% #6B552F	RGB 107 85 47	#6B552F
100.0%	100.0% #5E4A26	RGB 94 74 38	#5E4A26

#AD956B #9F875D #927A50 #856D44 #786139 #6B552F #5E4A26

#AD956B - #856D44 - #5E4A26

CSS代码

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

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