#BBC7DB - #EBEFF4 | colorate

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

Blend #BBC7DB to #EBEFF4

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

RGB混合

#BBC7DB - #EBEFF4 | colorate

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

0.0%	0.0% #BBC7DB	RGB 187 199 219	#BBC7DB
16.7%	16.7% #C3CDDF	RGB 195 205 223	#C3CDDF
33.3%	33.3% #CBD4E3	RGB 203 212 227	#CBD4E3
50.0%	50.0% #D3DBE7	RGB 211 219 231	#D3DBE7
66.7%	66.7% #DBE1EB	RGB 219 225 235	#DBE1EB
83.3%	83.3% #E3E8EF	RGB 227 232 239	#E3E8EF
100.0%	100.0% #EBEFF4	RGB 235 239 244	#EBEFF4

#BBC7DB #C3CDDF #CBD4E3 #D3DBE7 #DBE1EB #E3E8EF #EBEFF4

#BBC7DB - #EBEFF4

HSV混合

#BBC7DB - #EBEFF4 | colorate

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

0.0%	0.0% #BBC7DB	RGB 187 199 219	#BBC7DB
16.7%	16.7% #C2CDDF	RGB 194 205 223	#C2CDDF
33.3%	33.3% #CAD4E3	RGB 202 212 227	#CAD4E3
50.0%	50.0% #D2DAE7	RGB 210 218 231	#D2DAE7
66.7%	66.7% #DAE1EB	RGB 218 225 235	#DAE1EB
83.3%	83.3% #E2E8EF	RGB 226 232 239	#E2E8EF
100.0%	100.0% #EBEFF4	RGB 235 239 244	#EBEFF4

#BBC7DB #C2CDDF #CAD4E3 #D2DAE7 #DAE1EB #E2E8EF #EBEFF4

#BBC7DB - #D2DAE7 - #EBEFF4

CSS代码

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

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