#5E4A47 - #CF9571 | colorate

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

Blend #5E4A47 to #CF9571

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

RGB混合

#5E4A47 - #CF9571 | colorate

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

0.0%	0.0% #5E4A47	RGB 94 74 71	#5E4A47
16.7%	16.7% #70564E	RGB 112 86 78	#70564E
33.3%	33.3% #836355	RGB 131 99 85	#836355
50.0%	50.0% #966F5C	RGB 150 111 92	#966F5C
66.7%	66.7% #A97C63	RGB 169 124 99	#A97C63
83.3%	83.3% #BC886A	RGB 188 136 106	#BC886A
100.0%	100.0% #CF9571	RGB 207 149 113	#CF9571

#5E4A47 #70564E #836355 #966F5C #A97C63 #BC886A #CF9571

#5E4A47 - #CF9571

HSV混合

#5E4A47 - #CF9571 | colorate

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

0.0%	0.0% #5E4A47	RGB 94 74 71	#5E4A47
16.7%	16.7% #705651	RGB 112 86 81	#705651
33.3%	33.3% #83635A	RGB 131 99 90	#83635A
50.0%	50.0% #966F61	RGB 150 111 97	#966F61
66.7%	66.7% #A97B68	RGB 169 123 104	#A97B68
83.3%	83.3% #BC886D	RGB 188 136 109	#BC886D
100.0%	100.0% #CF9571	RGB 207 149 113	#CF9571

#5E4A47 #705651 #83635A #966F61 #A97B68 #BC886D #CF9571

#5E4A47 - #966F61 - #CF9571

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A47 0%, #966F61 50%, #CF9571 100%);
    background: -webkit-linear-gradient(top, #5E4A47 0%, #966F61 50%, #CF9571 100%);
    background: linear-gradient(to bottom, #5E4A47 0%, #966F61 50%, #CF9571 100%);
}
</style>