#76797B - #D2B799 | colorate

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

Blend #76797B to #D2B799

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

RGB混合

#76797B - #D2B799 | colorate

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

0.0%	0.0% #76797B	RGB 118 121 123	#76797B
16.7%	16.7% #858380	RGB 133 131 128	#858380
33.3%	33.3% #948D85	RGB 148 141 133	#948D85
50.0%	50.0% #A4988A	RGB 164 152 138	#A4988A
66.7%	66.7% #B3A28F	RGB 179 162 143	#B3A28F
83.3%	83.3% #C2AC94	RGB 194 172 148	#C2AC94
100.0%	100.0% #D2B799	RGB 210 183 153	#D2B799

#76797B #858380 #948D85 #A4988A #B3A28F #C2AC94 #D2B799

#76797B - #D2B799

HSV混合

#76797B - #D2B799 | colorate

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

0.0%	0.0% #76797B	RGB 118 121 123	#76797B
16.7%	16.7% #7E8988	RGB 126 137 136	#7E8988
33.3%	33.3% #86988E	RGB 134 152 142	#86988E
50.0%	50.0% #8DA68C	RGB 141 166 140	#8DA68C
66.7%	66.7% #A3B591	RGB 163 181 145	#A3B591
83.3%	83.3% #C3C395	RGB 195 195 149	#C3C395
100.0%	100.0% #D2B799	RGB 210 183 153	#D2B799

#76797B #7E8988 #86988E #8DA68C #A3B591 #C3C395 #D2B799

#76797B - #8DA68C - #D2B799

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #76797B 0%, #8DA68C 50%, #D2B799 100%);
    background: -webkit-linear-gradient(top, #76797B 0%, #8DA68C 50%, #D2B799 100%);
    background: linear-gradient(to bottom, #76797B 0%, #8DA68C 50%, #D2B799 100%);
}
</style>