#7A786B - #59461C | colorate

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

Blend #7A786B to #59461C

计算两种颜色#7A786B和#59461C之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#7A786B - #59461C | colorate

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

0.0%	0.0% #7A786B	RGB 122 120 107	#7A786B
16.7%	16.7% #746F5D	RGB 116 111 93	#746F5D
33.3%	33.3% #6F6750	RGB 111 103 80	#6F6750
50.0%	50.0% #695F43	RGB 105 95 67	#695F43
66.7%	66.7% #645636	RGB 100 86 54	#645636
83.3%	83.3% #5E4E29	RGB 94 78 41	#5E4E29
100.0%	100.0% #59461C	RGB 89 70 28	#59461C

#7A786B #746F5D #6F6750 #695F43 #645636 #5E4E29 #59461C

#7A786B - #59461C

HSV混合

#7A786B - #59461C | colorate

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

0.0%	0.0% #7A786B	RGB 122 120 107	#7A786B
16.7%	16.7% #74705B	RGB 116 112 91	#74705B
33.3%	33.3% #6F684C	RGB 111 104 76	#6F684C
50.0%	50.0% #69603E	RGB 105 96 62	#69603E
66.7%	66.7% #645732	RGB 100 87 50	#645732
83.3%	83.3% #5E4E26	RGB 94 78 38	#5E4E26
100.0%	100.0% #59461C	RGB 89 70 28	#59461C

#7A786B #74705B #6F684C #69603E #645732 #5E4E26 #59461C

#7A786B - #69603E - #59461C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A786B 0%, #69603E 50%, #59461C 100%);
    background: -webkit-linear-gradient(top, #7A786B 0%, #69603E 50%, #59461C 100%);
    background: linear-gradient(to bottom, #7A786B 0%, #69603E 50%, #59461C 100%);
}
</style>