#85655D - #EEB080 | colorate

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

Blend #85655D to #EEB080

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

RGB混合

#85655D - #EEB080 | colorate

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

0.0%	0.0% #85655D	RGB 133 101 93	#85655D
16.7%	16.7% #967162	RGB 150 113 98	#967162
33.3%	33.3% #A87E68	RGB 168 126 104	#A87E68
50.0%	50.0% #B98A6E	RGB 185 138 110	#B98A6E
66.7%	66.7% #CB9774	RGB 203 151 116	#CB9774
83.3%	83.3% #DCA37A	RGB 220 163 122	#DCA37A
100.0%	100.0% #EEB080	RGB 238 176 128	#EEB080

#85655D #967162 #A87E68 #B98A6E #CB9774 #DCA37A #EEB080

#85655D - #EEB080

HSV混合

#85655D - #EEB080 | colorate

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

0.0%	0.0% #85655D	RGB 133 101 93	#85655D
16.7%	16.7% #967065	RGB 150 112 101	#967065
33.3%	33.3% #A87D6C	RGB 168 125 108	#A87D6C
50.0%	50.0% #B98972	RGB 185 137 114	#B98972
66.7%	66.7% #CB9578	RGB 203 149 120	#CB9578
83.3%	83.3% #DCA27C	RGB 220 162 124	#DCA27C
100.0%	100.0% #EEB080	RGB 238 176 128	#EEB080

#85655D #967065 #A87D6C #B98972 #CB9578 #DCA27C #EEB080

#85655D - #B98972 - #EEB080

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85655D 0%, #B98972 50%, #EEB080 100%);
    background: -webkit-linear-gradient(top, #85655D 0%, #B98972 50%, #EEB080 100%);
    background: linear-gradient(to bottom, #85655D 0%, #B98972 50%, #EEB080 100%);
}
</style>