#B3BAC1 - #5E718E | colorate

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

Blend #B3BAC1 to #5E718E

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

RGB混合

#B3BAC1 - #5E718E | colorate

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

0.0%	0.0% #B3BAC1	RGB 179 186 193	#B3BAC1
16.7%	16.7% #A4ADB8	RGB 164 173 184	#A4ADB8
33.3%	33.3% #96A1B0	RGB 150 161 176	#96A1B0
50.0%	50.0% #8895A7	RGB 136 149 167	#8895A7
66.7%	66.7% #7A899F	RGB 122 137 159	#7A899F
83.3%	83.3% #6C7D96	RGB 108 125 150	#6C7D96
100.0%	100.0% #5E718E	RGB 94 113 142	#5E718E

#B3BAC1 #A4ADB8 #96A1B0 #8895A7 #7A899F #6C7D96 #5E718E

#B3BAC1 - #5E718E

HSV混合

#B3BAC1 - #5E718E | colorate

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

0.0%	0.0% #B3BAC1	RGB 179 186 193	#B3BAC1
16.7%	16.7% #A2ADB8	RGB 162 173 184	#A2ADB8
33.3%	33.3% #93A0B0	RGB 147 160 176	#93A0B0
50.0%	50.0% #8594A7	RGB 133 148 167	#8594A7
66.7%	66.7% #77889F	RGB 119 136 159	#77889F
83.3%	83.3% #6A7C96	RGB 106 124 150	#6A7C96
100.0%	100.0% #5E718E	RGB 94 113 142	#5E718E

#B3BAC1 #A2ADB8 #93A0B0 #8594A7 #77889F #6A7C96 #5E718E

#B3BAC1 - #8594A7 - #5E718E

CSS代码

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

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