#5E3208 - #1A0E02 | colorate

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

Blend #5E3208 to #1A0E02

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

RGB混合

#5E3208 - #1A0E02 | colorate

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

0.0%	0.0% #5E3208	RGB 94 50 8	#5E3208
16.7%	16.7% #522C07	RGB 82 44 7	#522C07
33.3%	33.3% #472606	RGB 71 38 6	#472606
50.0%	50.0% #3C2005	RGB 60 32 5	#3C2005
66.7%	66.7% #301A04	RGB 48 26 4	#301A04
83.3%	83.3% #251403	RGB 37 20 3	#251403
100.0%	100.0% #1A0E02	RGB 26 14 2	#1A0E02

#5E3208 #522C07 #472606 #3C2005 #301A04 #251403 #1A0E02

#5E3208 - #1A0E02

HSV混合

#5E3208 - #1A0E02 | colorate

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

0.0%	0.0% #5E3207	RGB 94 50 7	#5E3207
16.7%	16.7% #522C06	RGB 82 44 6	#522C06
33.3%	33.3% #472605	RGB 71 38 5	#472605
50.0%	50.0% #3C2004	RGB 60 32 4	#3C2004
66.7%	66.7% #301A03	RGB 48 26 3	#301A03
83.3%	83.3% #251402	RGB 37 20 2	#251402
100.0%	100.0% #1A0E02	RGB 26 14 2	#1A0E02

#5E3207 #522C06 #472605 #3C2004 #301A03 #251402 #1A0E02

#5E3208 - #3C2004 - #1A0E02

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3207 0%, #3C2004 50%, #1A0E02 100%);
    background: -webkit-linear-gradient(top, #5E3207 0%, #3C2004 50%, #1A0E02 100%);
    background: linear-gradient(to bottom, #5E3207 0%, #3C2004 50%, #1A0E02 100%);
}
</style>