#5E593B - #433107 | colorate

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

Blend #5E593B to #433107

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

RGB混合

#5E593B - #433107 | colorate

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

0.0%	0.0% #5E593B	RGB 94 89 59	#5E593B
16.7%	16.7% #595232	RGB 89 82 50	#595232
33.3%	33.3% #554B29	RGB 85 75 41	#554B29
50.0%	50.0% #504521	RGB 80 69 33	#504521
66.7%	66.7% #4C3E18	RGB 76 62 24	#4C3E18
83.3%	83.3% #47370F	RGB 71 55 15	#47370F
100.0%	100.0% #433107	RGB 67 49 7	#433107

#5E593B #595232 #554B29 #504521 #4C3E18 #47370F #433107

#5E593B - #433107

HSV混合

#5E593B - #433107 | colorate

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

0.0%	0.0% #5E593B	RGB 94 89 59	#5E593B
16.7%	16.7% #595230	RGB 89 82 48	#595230
33.3%	33.3% #554B26	RGB 85 75 38	#554B26
50.0%	50.0% #50451D	RGB 80 69 29	#50451D
66.7%	66.7% #4C3E15	RGB 76 62 21	#4C3E15
83.3%	83.3% #47370D	RGB 71 55 13	#47370D
100.0%	100.0% #433107	RGB 67 49 7	#433107

#5E593B #595230 #554B26 #50451D #4C3E15 #47370D #433107

#5E593B - #50451D - #433107

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E593B 0%, #50451D 50%, #433107 100%);
    background: -webkit-linear-gradient(top, #5E593B 0%, #50451D 50%, #433107 100%);
    background: linear-gradient(to bottom, #5E593B 0%, #50451D 50%, #433107 100%);
}
</style>