#725E55 - #E4A879 | colorate

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

Blend #725E55 to #E4A879

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

RGB混合

#725E55 - #E4A879 | colorate

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

0.0%	0.0% #725E55	RGB 114 94 85	#725E55
16.7%	16.7% #856A5B	RGB 133 106 91	#856A5B
33.3%	33.3% #987661	RGB 152 118 97	#987661
50.0%	50.0% #AB8367	RGB 171 131 103	#AB8367
66.7%	66.7% #BE8F6D	RGB 190 143 109	#BE8F6D
83.3%	83.3% #D19B73	RGB 209 155 115	#D19B73
100.0%	100.0% #E4A879	RGB 228 168 121	#E4A879

#725E55 #856A5B #987661 #AB8367 #BE8F6D #D19B73 #E4A879

#725E55 - #E4A879

HSV混合

#725E55 - #E4A879 | colorate

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

0.0%	0.0% #725E55	RGB 114 94 85	#725E55
16.7%	16.7% #856B5E	RGB 133 107 94	#856B5E
33.3%	33.3% #987766	RGB 152 119 102	#987766
50.0%	50.0% #AB846D	RGB 171 132 109	#AB846D
66.7%	66.7% #BE9072	RGB 190 144 114	#BE9072
83.3%	83.3% #D19C76	RGB 209 156 118	#D19C76
100.0%	100.0% #E4A879	RGB 228 168 121	#E4A879

#725E55 #856B5E #987766 #AB846D #BE9072 #D19C76 #E4A879

#725E55 - #AB846D - #E4A879

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #725E55 0%, #AB846D 50%, #E4A879 100%);
    background: -webkit-linear-gradient(top, #725E55 0%, #AB846D 50%, #E4A879 100%);
    background: linear-gradient(to bottom, #725E55 0%, #AB846D 50%, #E4A879 100%);
}
</style>