#5E2807 - #331409 | colorate

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

Blend #5E2807 to #331409

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

RGB混合

#5E2807 - #331409 | colorate

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

0.0%	0.0% #5E2807	RGB 94 40 7	#5E2807
16.7%	16.7% #562407	RGB 86 36 7	#562407
33.3%	33.3% #4F2107	RGB 79 33 7	#4F2107
50.0%	50.0% #481E08	RGB 72 30 8	#481E08
66.7%	66.7% #411A08	RGB 65 26 8	#411A08
83.3%	83.3% #3A1708	RGB 58 23 8	#3A1708
100.0%	100.0% #331409	RGB 51 20 9	#331409

#5E2807 #562407 #4F2107 #481E08 #411A08 #3A1708 #331409

#5E2807 - #331409

HSV混合

#5E2807 - #331409 | colorate

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

0.0%	0.0% #5E2806	RGB 94 40 6	#5E2806
16.7%	16.7% #562407	RGB 86 36 7	#562407
33.3%	33.3% #4F2008	RGB 79 32 8	#4F2008
50.0%	50.0% #481D09	RGB 72 29 9	#481D09
66.7%	66.7% #411A09	RGB 65 26 9	#411A09
83.3%	83.3% #3A1709	RGB 58 23 9	#3A1709
100.0%	100.0% #331409	RGB 51 20 9	#331409

#5E2806 #562407 #4F2008 #481D09 #411A09 #3A1709 #331409

#5E2807 - #481D09 - #331409

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2806 0%, #481D09 50%, #331409 100%);
    background: -webkit-linear-gradient(top, #5E2806 0%, #481D09 50%, #331409 100%);
    background: linear-gradient(to bottom, #5E2806 0%, #481D09 50%, #331409 100%);
}
</style>