#B9BCC0 - #EBECED | 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 #B9BCC0 to #EBECED

#B9BCC0 #EBECED

Calculate the color between two colors, #B9BCC0 and #EBECED. 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)

#B9BCC0 - #EBECED | 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 #B9BCC0 as 0% and #EBECED as 100%.

0.0%	0.0% #B9BCC0	RGB 185 188 192	#B9BCC0
16.7%	16.7% #C1C4C7	RGB 193 196 199	#C1C4C7
33.3%	33.3% #C9CCCF	RGB 201 204 207	#C9CCCF
50.0%	50.0% #D2D4D6	RGB 210 212 214	#D2D4D6
66.7%	66.7% #DADCDE	RGB 218 220 222	#DADCDE
83.3%	83.3% #E2E4E5	RGB 226 228 229	#E2E4E5
100.0%	100.0% #EBECED	RGB 235 236 237	#EBECED

#B9BCC0 #C1C4C7 #C9CCCF #D2D4D6 #DADCDE #E2E4E5 #EBECED

#B9BCC0 - #EBECED

HSV Blend

#B9BCC0 - #EBECED | 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 #B9BCC0 as 0% and #EBECED as 100%.

0.0%	0.0% #B9BCC0	RGB 185 188 192	#B9BCC0
16.7%	16.7% #C1C3C7	RGB 193 195 199	#C1C3C7
33.3%	33.3% #C9CBCF	RGB 201 203 207	#C9CBCF
50.0%	50.0% #D1D3D6	RGB 209 211 214	#D1D3D6
66.7%	66.7% #DADBDE	RGB 218 219 222	#DADBDE
83.3%	83.3% #E2E3E5	RGB 226 227 229	#E2E3E5
100.0%	100.0% #EBECED	RGB 235 236 237	#EBECED

#B9BCC0 #C1C3C7 #C9CBCF #D1D3D6 #DADBDE #E2E3E5 #EBECED

#B9BCC0 - #D1D3D6 - #EBECED

CSS codes

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

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