#5E3C3D - #CDB879 | colorate

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

Blend #5E3C3D to #CDB879

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

RGB混合

#5E3C3D - #CDB879 | colorate

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

0.0%	0.0% #5E3C3D	RGB 94 60 61	#5E3C3D
16.7%	16.7% #705047	RGB 112 80 71	#705047
33.3%	33.3% #836551	RGB 131 101 81	#836551
50.0%	50.0% #957A5B	RGB 149 122 91	#957A5B
66.7%	66.7% #A88E65	RGB 168 142 101	#A88E65
83.3%	83.3% #BAA36F	RGB 186 163 111	#BAA36F
100.0%	100.0% #CDB879	RGB 205 184 121	#CDB879

#5E3C3D #705047 #836551 #957A5B #A88E65 #BAA36F #CDB879

#5E3C3D - #CDB879

HSV混合

#5E3C3D - #CDB879 | colorate

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

0.0%	0.0% #5E3C3D	RGB 94 60 61	#5E3C3D
16.7%	16.7% #704B46	RGB 112 75 70	#704B46
33.3%	33.3% #835C51	RGB 131 92 81	#835C51
50.0%	50.0% #95705B	RGB 149 112 91	#95705B
66.7%	66.7% #A88665	RGB 168 134 101	#A88665
83.3%	83.3% #BA9E6F	RGB 186 158 111	#BA9E6F
100.0%	100.0% #CDB879	RGB 205 184 121	#CDB879

#5E3C3D #704B46 #835C51 #95705B #A88665 #BA9E6F #CDB879

#5E3C3D - #95705B - #CDB879

CSS代码

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

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