#7F657D - #8BABBC | colorate

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

Blend #7F657D to #8BABBC

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

RGB混合

#7F657D - #8BABBC | colorate

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

0.0%	0.0% #7F657D	RGB 127 101 125	#7F657D
16.7%	16.7% #817087	RGB 129 112 135	#817087
33.3%	33.3% #837C92	RGB 131 124 146	#837C92
50.0%	50.0% #85889C	RGB 133 136 156	#85889C
66.7%	66.7% #8793A7	RGB 135 147 167	#8793A7
83.3%	83.3% #899FB1	RGB 137 159 177	#899FB1
100.0%	100.0% #8BABBC	RGB 139 171 188	#8BABBC

#7F657D #817087 #837C92 #85889C #8793A7 #899FB1 #8BABBC

#7F657D - #8BABBC

HSV混合

#7F657D - #8BABBC | colorate

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

0.0%	0.0% #7F657D	RGB 127 101 125	#7F657D
16.7%	16.7% #826B89	RGB 130 107 137	#826B89
33.3%	33.3% #827293	RGB 130 114 147	#827293
50.0%	50.0% #80789D	RGB 128 120 157	#80789D
66.7%	66.7% #7F82A7	RGB 127 130 167	#7F82A7
83.3%	83.3% #8595B1	RGB 133 149 177	#8595B1
100.0%	100.0% #8BABBC	RGB 139 171 188	#8BABBC

#7F657D #826B89 #827293 #80789D #7F82A7 #8595B1 #8BABBC

#7F657D - #80789D - #8BABBC

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7F657D 0%, #80789D 50%, #8BABBC 100%);
    background: -webkit-linear-gradient(top, #7F657D 0%, #80789D 50%, #8BABBC 100%);
    background: linear-gradient(to bottom, #7F657D 0%, #80789D 50%, #8BABBC 100%);
}
</style>