#5E5440 - #D49C62 | colorate

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

Blend #5E5440 to #D49C62

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

RGB混合

#5E5440 - #D49C62 | colorate

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

0.0%	0.0% #5E5440	RGB 94 84 64	#5E5440
16.7%	16.7% #716045	RGB 113 96 69	#716045
33.3%	33.3% #856C4B	RGB 133 108 75	#856C4B
50.0%	50.0% #997851	RGB 153 120 81	#997851
66.7%	66.7% #AC8456	RGB 172 132 86	#AC8456
83.3%	83.3% #C0905C	RGB 192 144 92	#C0905C
100.0%	100.0% #D49C62	RGB 212 156 98	#D49C62

#5E5440 #716045 #856C4B #997851 #AC8456 #C0905C #D49C62

#5E5440 - #D49C62

HSV混合

#5E5440 - #D49C62 | colorate

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

0.0%	0.0% #5E5440	RGB 94 84 64	#5E5440
16.7%	16.7% #716349	RGB 113 99 73	#716349
33.3%	33.3% #857151	RGB 133 113 81	#857151
50.0%	50.0% #997D57	RGB 153 125 87	#997D57
66.7%	66.7% #AC895C	RGB 172 137 92	#AC895C
83.3%	83.3% #C0935F	RGB 192 147 95	#C0935F
100.0%	100.0% #D49C62	RGB 212 156 98	#D49C62

#5E5440 #716349 #857151 #997D57 #AC895C #C0935F #D49C62

#5E5440 - #997D57 - #D49C62

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5440 0%, #997D57 50%, #D49C62 100%);
    background: -webkit-linear-gradient(top, #5E5440 0%, #997D57 50%, #D49C62 100%);
    background: linear-gradient(to bottom, #5E5440 0%, #997D57 50%, #D49C62 100%);
}
</style>