#BBC0C7 - #EBEDEF | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #BBC0C7 to #EBEDEF

#BBC0C7 #EBEDEF

Calculate the color between two colors, #BBC0C7 and #EBEDEF. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#BBC0C7 - #EBEDEF | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #BBC0C7 as 0% and #EBEDEF as 100%.

0.0%	0.0% #BBC0C7	RGB 187 192 199	#BBC0C7
16.7%	16.7% #C3C7CD	RGB 195 199 205	#C3C7CD
33.3%	33.3% #CBCFD4	RGB 203 207 212	#CBCFD4
50.0%	50.0% #D3D6DB	RGB 211 214 219	#D3D6DB
66.7%	66.7% #DBDEE1	RGB 219 222 225	#DBDEE1
83.3%	83.3% #E3E5E8	RGB 227 229 232	#E3E5E8
100.0%	100.0% #EBEDEF	RGB 235 237 239	#EBEDEF

#BBC0C7 #C3C7CD #CBCFD4 #D3D6DB #DBDEE1 #E3E5E8 #EBEDEF

#BBC0C7 - #EBEDEF

HSV Blend

#BBC0C7 - #EBEDEF | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #BBC0C7 as 0% and #EBEDEF as 100%.

0.0%	0.0% #BBC0C7	RGB 187 192 199	#BBC0C7
16.7%	16.7% #C2C7CD	RGB 194 199 205	#C2C7CD
33.3%	33.3% #CACED4	RGB 202 206 212	#CACED4
50.0%	50.0% #D2D6DB	RGB 210 214 219	#D2D6DB
66.7%	66.7% #DADDE1	RGB 218 221 225	#DADDE1
83.3%	83.3% #E2E5E8	RGB 226 229 232	#E2E5E8
100.0%	100.0% #EBEDEF	RGB 235 237 239	#EBEDEF

#BBC0C7 #C2C7CD #CACED4 #D2D6DB #DADDE1 #E2E5E8 #EBEDEF

#BBC0C7 - #D2D6DB - #EBEDEF

CSS codes

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

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