#BEC2BE - #757F5E | colorate

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

Blend #BEC2BE to #757F5E

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

RGB混合

#BEC2BE - #757F5E | colorate

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

0.0%	0.0% #BEC2BE	RGB 190 194 190	#BEC2BE
16.7%	16.7% #B1B6AE	RGB 177 182 174	#B1B6AE
33.3%	33.3% #A5AB9E	RGB 165 171 158	#A5AB9E
50.0%	50.0% #99A08E	RGB 153 160 142	#99A08E
66.7%	66.7% #8D957E	RGB 141 149 126	#8D957E
83.3%	83.3% #818A6E	RGB 129 138 110	#818A6E
100.0%	100.0% #757F5E	RGB 117 127 94	#757F5E

#BEC2BE #B1B6AE #A5AB9E #99A08E #8D957E #818A6E #757F5E

#BEC2BE - #757F5E

HSV混合

#BEC2BE - #757F5E | colorate

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

0.0%	0.0% #BEC2BE	RGB 190 194 190	#BEC2BE
16.7%	16.7% #ADB6AB	RGB 173 182 171	#ADB6AB
33.3%	33.3% #9EAB9A	RGB 158 171 154	#9EAB9A
50.0%	50.0% #91A089	RGB 145 160 137	#91A089
66.7%	66.7% #86957A	RGB 134 149 122	#86957A
83.3%	83.3% #7D8A6B	RGB 125 138 107	#7D8A6B
100.0%	100.0% #757F5E	RGB 117 127 94	#757F5E

#BEC2BE #ADB6AB #9EAB9A #91A089 #86957A #7D8A6B #757F5E

#BEC2BE - #91A089 - #757F5E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEC2BE 0%, #91A089 50%, #757F5E 100%);
    background: -webkit-linear-gradient(top, #BEC2BE 0%, #91A089 50%, #757F5E 100%);
    background: linear-gradient(to bottom, #BEC2BE 0%, #91A089 50%, #757F5E 100%);
}
</style>