#E5E7E8 - #8BAFAC | colorate

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

Blend #E5E7E8 to #8BAFAC

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

RGB混合

#E5E7E8 - #8BAFAC | colorate

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

0.0%	0.0% #E5E7E8	RGB 229 231 232	#E5E7E8
16.7%	16.7% #D6DDDE	RGB 214 221 222	#D6DDDE
33.3%	33.3% #C7D4D4	RGB 199 212 212	#C7D4D4
50.0%	50.0% #B8CBCA	RGB 184 203 202	#B8CBCA
66.7%	66.7% #A9C1C0	RGB 169 193 192	#A9C1C0
83.3%	83.3% #9AB8B6	RGB 154 184 182	#9AB8B6
100.0%	100.0% #8BAFAC	RGB 139 175 172	#8BAFAC

#E5E7E8 #D6DDDE #C7D4D4 #B8CBCA #A9C1C0 #9AB8B6 #8BAFAC

#E5E7E8 - #8BAFAC

HSV混合

#E5E7E8 - #8BAFAC | colorate

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

0.0%	0.0% #E5E7E8	RGB 229 231 232	#E5E7E8
16.7%	16.7% #D4DBDE	RGB 212 219 222	#D4DBDE
33.3%	33.3% #C4D1D5	RGB 196 209 213	#C4D1D5
50.0%	50.0% #B5C8CB	RGB 181 200 203	#B5C8CB
66.7%	66.7% #A6C0C2	RGB 166 192 194	#A6C0C2
83.3%	83.3% #98B8B8	RGB 152 184 184	#98B8B8
100.0%	100.0% #8BAFAC	RGB 139 175 172	#8BAFAC

#E5E7E8 #D4DBDE #C4D1D5 #B5C8CB #A6C0C2 #98B8B8 #8BAFAC

#E5E7E8 - #B5C8CB - #8BAFAC

CSS代码

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

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