#5E421F - #3E2005 | colorate

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

Blend #5E421F to #3E2005

#5E421F #3E2005

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

RGB混合

#5E421F - #3E2005 | colorate

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

0.0%	0.0% #5E421F	RGB 94 66 31	#5E421F
16.7%	16.7% #583C1A	RGB 88 60 26	#583C1A
33.3%	33.3% #533616	RGB 83 54 22	#533616
50.0%	50.0% #4E3112	RGB 78 49 18	#4E3112
66.7%	66.7% #482B0D	RGB 72 43 13	#482B0D
83.3%	83.3% #432509	RGB 67 37 9	#432509
100.0%	100.0% #3E2005	RGB 62 32 5	#3E2005

#5E421F #583C1A #533616 #4E3112 #482B0D #432509 #3E2005

#5E421F - #3E2005

HSV混合

#5E421F - #3E2005 | colorate

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

0.0%	0.0% #5E421F	RGB 94 66 31	#5E421F
16.7%	16.7% #583B19	RGB 88 59 25	#583B19
33.3%	33.3% #533514	RGB 83 53 20	#533514
50.0%	50.0% #4E2F10	RGB 78 47 16	#4E2F10
66.7%	66.7% #482A0B	RGB 72 42 11	#482A0B
83.3%	83.3% #432508	RGB 67 37 8	#432508
100.0%	100.0% #3E2005	RGB 62 32 5	#3E2005

#5E421F #583B19 #533514 #4E2F10 #482A0B #432508 #3E2005

#5E421F - #4E2F10 - #3E2005

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E421F 0%, #4E2F10 50%, #3E2005 100%);
    background: -webkit-linear-gradient(top, #5E421F 0%, #4E2F10 50%, #3E2005 100%);
    background: linear-gradient(to bottom, #5E421F 0%, #4E2F10 50%, #3E2005 100%);
}
</style>