#4D3E14 - #AD8F35 | colorate

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

Blend #4D3E14 to #AD8F35

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

RGB混合

#4D3E14 - #AD8F35 | colorate

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

0.0%	0.0% #4D3E14	RGB 77 62 20	#4D3E14
16.7%	16.7% #5D4B19	RGB 93 75 25	#5D4B19
33.3%	33.3% #6D591F	RGB 109 89 31	#6D591F
50.0%	50.0% #7D6624	RGB 125 102 36	#7D6624
66.7%	66.7% #8D742A	RGB 141 116 42	#8D742A
83.3%	83.3% #9D812F	RGB 157 129 47	#9D812F
100.0%	100.0% #AD8F35	RGB 173 143 53	#AD8F35

#4D3E14 #5D4B19 #6D591F #7D6624 #8D742A #9D812F #AD8F35

#4D3E14 - #AD8F35

HSV混合

#4D3E14 - #AD8F35 | colorate

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

0.0%	0.0% #4D3E13	RGB 77 62 19	#4D3E13
16.7%	16.7% #5D4B18	RGB 93 75 24	#5D4B18
33.3%	33.3% #6D581E	RGB 109 88 30	#6D581E
50.0%	50.0% #7D6623	RGB 125 102 35	#7D6623
66.7%	66.7% #8D7329	RGB 141 115 41	#8D7329
83.3%	83.3% #9D812E	RGB 157 129 46	#9D812E
100.0%	100.0% #AD8F35	RGB 173 143 53	#AD8F35

#4D3E13 #5D4B18 #6D581E #7D6623 #8D7329 #9D812E #AD8F35

#4D3E14 - #7D6623 - #AD8F35

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E13 0%, #7D6623 50%, #AD8F35 100%);
    background: -webkit-linear-gradient(top, #4D3E13 0%, #7D6623 50%, #AD8F35 100%);
    background: linear-gradient(to bottom, #4D3E13 0%, #7D6623 50%, #AD8F35 100%);
}
</style>