#B8C9C8 - #EAEEEF | 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 #B8C9C8 to #EAEEEF

#B8C9C8 #EAEEEF

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

#B8C9C8 - #EAEEEF | 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 #B8C9C8 as 0% and #EAEEEF as 100%.

0.0%	0.0% #B8C9C8	RGB 184 201 200	#B8C9C8
16.7%	16.7% #C0CFCE	RGB 192 207 206	#C0CFCE
33.3%	33.3% #C8D5D5	RGB 200 213 213	#C8D5D5
50.0%	50.0% #D1DBDB	RGB 209 219 219	#D1DBDB
66.7%	66.7% #D9E1E2	RGB 217 225 226	#D9E1E2
83.3%	83.3% #E1E7E8	RGB 225 231 232	#E1E7E8
100.0%	100.0% #EAEEEF	RGB 234 238 239	#EAEEEF

#B8C9C8 #C0CFCE #C8D5D5 #D1DBDB #D9E1E2 #E1E7E8 #EAEEEF

#B8C9C8 - #EAEEEF

HSV Blend

#B8C9C8 - #EAEEEF | 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 #B8C9C8 as 0% and #EAEEEF as 100%.

0.0%	0.0% #B8C9C8	RGB 184 201 200	#B8C9C8
16.7%	16.7% #BFCFCF	RGB 191 207 207	#BFCFCF
33.3%	33.3% #C8D5D5	RGB 200 213 213	#C8D5D5
50.0%	50.0% #D0DBDC	RGB 208 219 220	#D0DBDC
66.7%	66.7% #D8E1E2	RGB 216 225 226	#D8E1E2
83.3%	83.3% #E1E7E8	RGB 225 231 232	#E1E7E8
100.0%	100.0% #EAEEEF	RGB 234 238 239	#EAEEEF

#B8C9C8 #BFCFCF #C8D5D5 #D0DBDC #D8E1E2 #E1E7E8 #EAEEEF

#B8C9C8 - #D0DBDC - #EAEEEF

CSS codes

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

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