#5E4846 - #CE9370 | colorate

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

Blend #5E4846 to #CE9370

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

RGB混合

#5E4846 - #CE9370 | colorate

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

0.0%	0.0% #5E4846	RGB 94 72 70	#5E4846
16.7%	16.7% #70544D	RGB 112 84 77	#70544D
33.3%	33.3% #836154	RGB 131 97 84	#836154
50.0%	50.0% #966D5B	RGB 150 109 91	#966D5B
66.7%	66.7% #A87A62	RGB 168 122 98	#A87A62
83.3%	83.3% #BB8669	RGB 187 134 105	#BB8669
100.0%	100.0% #CE9370	RGB 206 147 112	#CE9370

#5E4846 #70544D #836154 #966D5B #A87A62 #BB8669 #CE9370

#5E4846 - #CE9370

HSV混合

#5E4846 - #CE9370 | colorate

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

0.0%	0.0% #5E4846	RGB 94 72 70	#5E4846
16.7%	16.7% #705450	RGB 112 84 80	#705450
33.3%	33.3% #836059	RGB 131 96 89	#836059
50.0%	50.0% #966C60	RGB 150 108 96	#966C60
66.7%	66.7% #A87967	RGB 168 121 103	#A87967
83.3%	83.3% #BB856C	RGB 187 133 108	#BB856C
100.0%	100.0% #CE9370	RGB 206 147 112	#CE9370

#5E4846 #705450 #836059 #966C60 #A87967 #BB856C #CE9370

#5E4846 - #966C60 - #CE9370

CSS代码

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

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