#B8C6CF - #E7E2D8 | 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 #B8C6CF to #E7E2D8

#B8C6CF #E7E2D8

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

#B8C6CF - #E7E2D8 | 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 #B8C6CF as 0% and #E7E2D8 as 100%.

0.0%	0.0% #B8C6CF	RGB 184 198 207	#B8C6CF
16.7%	16.7% #BFCAD0	RGB 191 202 208	#BFCAD0
33.3%	33.3% #C7CFD2	RGB 199 207 210	#C7CFD2
50.0%	50.0% #CFD4D3	RGB 207 212 211	#CFD4D3
66.7%	66.7% #D7D8D5	RGB 215 216 213	#D7D8D5
83.3%	83.3% #DFDDD6	RGB 223 221 214	#DFDDD6
100.0%	100.0% #E7E2D8	RGB 231 226 216	#E7E2D8

#B8C6CF #BFCAD0 #C7CFD2 #CFD4D3 #D7D8D5 #DFDDD6 #E7E2D8

#B8C6CF - #E7E2D8

HSV Blend

#B8C6CF - #E7E2D8 | 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 #B8C6CF as 0% and #E7E2D8 as 100%.

0.0%	0.0% #B8C6CF	RGB 184 198 207	#B8C6CF
16.7%	16.7% #BDD3D1	RGB 189 211 209	#BDD3D1
33.3%	33.3% #C2D7CC	RGB 194 215 204	#C2D7CC
50.0%	50.0% #C7DBC8	RGB 199 219 200	#C7DBC8
66.7%	66.7% #D4DFCD	RGB 212 223 205	#D4DFCD
83.3%	83.3% #E1E3D2	RGB 225 227 210	#E1E3D2
100.0%	100.0% #E7E2D8	RGB 231 226 216	#E7E2D8

#B8C6CF #BDD3D1 #C2D7CC #C7DBC8 #D4DFCD #E1E3D2 #E7E2D8

#B8C6CF - #C7DBC8 - #E7E2D8

CSS codes

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

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