#7E736A - #DAD7D4 | colorate

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

Blend #7E736A to #DAD7D4

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

RGB混合

#7E736A - #DAD7D4 | colorate

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

0.0%	0.0% #7E736A	RGB 126 115 106	#7E736A
16.7%	16.7% #8D837B	RGB 141 131 123	#8D837B
33.3%	33.3% #9C948D	RGB 156 148 141	#9C948D
50.0%	50.0% #ACA59F	RGB 172 165 159	#ACA59F
66.7%	66.7% #BBB5B0	RGB 187 181 176	#BBB5B0
83.3%	83.3% #CAC6C2	RGB 202 198 194	#CAC6C2
100.0%	100.0% #DAD7D4	RGB 218 215 212	#DAD7D4

#7E736A #8D837B #9C948D #ACA59F #BBB5B0 #CAC6C2 #DAD7D4

#7E736A - #DAD7D4

HSV混合

#7E736A - #DAD7D4 | colorate

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

0.0%	0.0% #7E736A	RGB 126 115 106	#7E736A
16.7%	16.7% #8D8279	RGB 141 130 121	#8D8279
33.3%	33.3% #9C938A	RGB 156 147 138	#9C938A
50.0%	50.0% #ACA39B	RGB 172 163 155	#ACA39B
66.7%	66.7% #BBB4AD	RGB 187 180 173	#BBB4AD
83.3%	83.3% #CAC5C0	RGB 202 197 192	#CAC5C0
100.0%	100.0% #DAD7D4	RGB 218 215 212	#DAD7D4

#7E736A #8D8279 #9C938A #ACA39B #BBB4AD #CAC5C0 #DAD7D4

#7E736A - #ACA39B - #DAD7D4

CSS代码

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

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