#5E3E35 - #C8845A | colorate

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

Blend #5E3E35 to #C8845A

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

RGB混合

#5E3E35 - #C8845A | colorate

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

0.0%	0.0% #5E3E35	RGB 94 62 53	#5E3E35
16.7%	16.7% #6F493B	RGB 111 73 59	#6F493B
33.3%	33.3% #815541	RGB 129 85 65	#815541
50.0%	50.0% #936147	RGB 147 97 71	#936147
66.7%	66.7% #A46C4D	RGB 164 108 77	#A46C4D
83.3%	83.3% #B67853	RGB 182 120 83	#B67853
100.0%	100.0% #C8845A	RGB 200 132 90	#C8845A

#5E3E35 #6F493B #815541 #936147 #A46C4D #B67853 #C8845A

#5E3E35 - #C8845A

HSV混合

#5E3E35 - #C8845A | colorate

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

0.0%	0.0% #5E3E35	RGB 94 62 53	#5E3E35
16.7%	16.7% #6F493C	RGB 111 73 60	#6F493C
33.3%	33.3% #815444	RGB 129 84 68	#815444
50.0%	50.0% #93604A	RGB 147 96 74	#93604A
66.7%	66.7% #A46B50	RGB 164 107 80	#A46B50
83.3%	83.3% #B67755	RGB 182 119 85	#B67755
100.0%	100.0% #C8845A	RGB 200 132 90	#C8845A

#5E3E35 #6F493C #815444 #93604A #A46B50 #B67755 #C8845A

#5E3E35 - #93604A - #C8845A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E35 0%, #93604A 50%, #C8845A 100%);
    background: -webkit-linear-gradient(top, #5E3E35 0%, #93604A 50%, #C8845A 100%);
    background: linear-gradient(to bottom, #5E3E35 0%, #93604A 50%, #C8845A 100%);
}
</style>