#B4B6B8 - #5E798B | colorate

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

Blend #B4B6B8 to #5E798B

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

RGB混合

#B4B6B8 - #5E798B | colorate

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

0.0%	0.0% #B4B6B8	RGB 180 182 184	#B4B6B8
16.7%	16.7% #A5ABB0	RGB 165 171 176	#A5ABB0
33.3%	33.3% #97A1A9	RGB 151 161 169	#97A1A9
50.0%	50.0% #8997A1	RGB 137 151 161	#8997A1
66.7%	66.7% #7A8D9A	RGB 122 141 154	#7A8D9A
83.3%	83.3% #6C8392	RGB 108 131 146	#6C8392
100.0%	100.0% #5E798B	RGB 94 121 139	#5E798B

#B4B6B8 #A5ABB0 #97A1A9 #8997A1 #7A8D9A #6C8392 #5E798B

#B4B6B8 - #5E798B

HSV混合

#B4B6B8 - #5E798B | colorate

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

0.0%	0.0% #B4B6B8	RGB 180 182 184	#B4B6B8
16.7%	16.7% #A3AAB0	RGB 163 170 176	#A3AAB0
33.3%	33.3% #949FA9	RGB 148 159 169	#949FA9
50.0%	50.0% #8594A1	RGB 133 148 161	#8594A1
66.7%	66.7% #778B9A	RGB 119 139 154	#778B9A
83.3%	83.3% #6A8192	RGB 106 129 146	#6A8192
100.0%	100.0% #5E798B	RGB 94 121 139	#5E798B

#B4B6B8 #A3AAB0 #949FA9 #8594A1 #778B9A #6A8192 #5E798B

#B4B6B8 - #8594A1 - #5E798B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B4B6B8 0%, #8594A1 50%, #5E798B 100%);
    background: -webkit-linear-gradient(top, #B4B6B8 0%, #8594A1 50%, #5E798B 100%);
    background: linear-gradient(to bottom, #B4B6B8 0%, #8594A1 50%, #5E798B 100%);
}
</style>