#B8C2B8 - #E7E6C0 | 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 #B8C2B8 to #E7E6C0

#B8C2B8 #E7E6C0

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

#B8C2B8 - #E7E6C0 | 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 #B8C2B8 as 0% and #E7E6C0 as 100%.

0.0%	0.0% #B8C2B8	RGB 184 194 184	#B8C2B8
16.7%	16.7% #BFC8B9	RGB 191 200 185	#BFC8B9
33.3%	33.3% #C7CEBA	RGB 199 206 186	#C7CEBA
50.0%	50.0% #CFD4BC	RGB 207 212 188	#CFD4BC
66.7%	66.7% #D7DABD	RGB 215 218 189	#D7DABD
83.3%	83.3% #DFE0BE	RGB 223 224 190	#DFE0BE
100.0%	100.0% #E7E6C0	RGB 231 230 192	#E7E6C0

#B8C2B8 #BFC8B9 #C7CEBA #CFD4BC #D7DABD #DFE0BE #E7E6C0

#B8C2B8 - #E7E6C0

HSV Blend

#B8C2B8 - #E7E6C0 | 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 #B8C2B8 as 0% and #E7E6C0 as 100%.

0.0%	0.0% #B8C2B8	RGB 184 194 184	#B8C2B8
16.7%	16.7% #BCC8B9	RGB 188 200 185	#BCC8B9
33.3%	33.3% #C2CEBB	RGB 194 206 187	#C2CEBB
50.0%	50.0% #C9D4BD	RGB 201 212 189	#C9D4BD
66.7%	66.7% #D1DABE	RGB 209 218 190	#D1DABE
83.3%	83.3% #DBE0BF	RGB 219 224 191	#DBE0BF
100.0%	100.0% #E7E6C0	RGB 231 230 192	#E7E6C0

#B8C2B8 #BCC8B9 #C2CEBB #C9D4BD #D1DABE #DBE0BF #E7E6C0

#B8C2B8 - #C9D4BD - #E7E6C0

CSS codes

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

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