#BFC7BC - #E2D0E4 | 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 #BFC7BC to #E2D0E4

#BFC7BC #E2D0E4

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

#BFC7BC - #E2D0E4 | 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 #BFC7BC as 0% and #E2D0E4 as 100%.

0.0%	0.0% #BFC7BC	RGB 191 199 188	#BFC7BC
16.7%	16.7% #C4C8C2	RGB 196 200 194	#C4C8C2
33.3%	33.3% #CACAC9	RGB 202 202 201	#CACAC9
50.0%	50.0% #D0CBD0	RGB 208 203 208	#D0CBD0
66.7%	66.7% #D6CDD6	RGB 214 205 214	#D6CDD6
83.3%	83.3% #DCCEDD	RGB 220 206 221	#DCCEDD
100.0%	100.0% #E2D0E4	RGB 226 208 228	#E2D0E4

#BFC7BC #C4C8C2 #CACAC9 #D0CBD0 #D6CDD6 #DCCEDD #E2D0E4

#BFC7BC - #E2D0E4

HSV Blend

#BFC7BC - #E2D0E4 | 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 #BFC7BC as 0% and #E2D0E4 as 100%.

0.0%	0.0% #BFC7BC	RGB 191 199 188	#BFC7BC
16.7%	16.7% #C8CBBF	RGB 200 203 191	#C8CBBF
33.3%	33.3% #D0CDC2	RGB 208 205 194	#D0CDC2
50.0%	50.0% #D5CBC6	RGB 213 203 198	#D5CBC6
66.7%	66.7% #DAC9CC	RGB 218 201 204	#DAC9CC
83.3%	83.3% #DFCCD8	RGB 223 204 216	#DFCCD8
100.0%	100.0% #E2D0E4	RGB 226 208 228	#E2D0E4

#BFC7BC #C8CBBF #D0CDC2 #D5CBC6 #DAC9CC #DFCCD8 #E2D0E4

#BFC7BC - #D5CBC6 - #E2D0E4

CSS codes

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

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