#5E3E10 - #AF941C | colorate

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

Blend #5E3E10 to #AF941C

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

RGB混合

#5E3E10 - #AF941C | colorate

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

0.0%	0.0% #5E3E10	RGB 94 62 16	#5E3E10
16.7%	16.7% #6B4C12	RGB 107 76 18	#6B4C12
33.3%	33.3% #795A14	RGB 121 90 20	#795A14
50.0%	50.0% #866916	RGB 134 105 22	#866916
66.7%	66.7% #947718	RGB 148 119 24	#947718
83.3%	83.3% #A1851A	RGB 161 133 26	#A1851A
100.0%	100.0% #AF941C	RGB 175 148 28	#AF941C

#5E3E10 #6B4C12 #795A14 #866916 #947718 #A1851A #AF941C

#5E3E10 - #AF941C

HSV混合

#5E3E10 - #AF941C | colorate

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

0.0%	0.0% #5E3E0F	RGB 94 62 15	#5E3E0F
16.7%	16.7% #6B4A12	RGB 107 74 18	#6B4A12
33.3%	33.3% #795714	RGB 121 87 20	#795714
50.0%	50.0% #866516	RGB 134 101 22	#866516
66.7%	66.7% #947318	RGB 148 115 24	#947318
83.3%	83.3% #A1831A	RGB 161 131 26	#A1831A
100.0%	100.0% #AF941C	RGB 175 148 28	#AF941C

#5E3E0F #6B4A12 #795714 #866516 #947318 #A1831A #AF941C

#5E3E10 - #866516 - #AF941C

CSS代码

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

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