#E7E6E6 - #BF9DA1 | 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 #E7E6E6 to #BF9DA1

#E7E6E6 #BF9DA1

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

#E7E6E6 - #BF9DA1 | 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 #E7E6E6 as 0% and #BF9DA1 as 100%.

0.0%	0.0% #E7E6E6	RGB 231 230 230	#E7E6E6
16.7%	16.7% #E0D9DA	RGB 224 217 218	#E0D9DA
33.3%	33.3% #D9CDCF	RGB 217 205 207	#D9CDCF
50.0%	50.0% #D3C1C3	RGB 211 193 195	#D3C1C3
66.7%	66.7% #CCB5B8	RGB 204 181 184	#CCB5B8
83.3%	83.3% #C5A9AC	RGB 197 169 172	#C5A9AC
100.0%	100.0% #BF9DA1	RGB 191 157 161	#BF9DA1

#E7E6E6 #E0D9DA #D9CDCF #D3C1C3 #CCB5B8 #C5A9AC #BF9DA1

#E7E6E6 - #BF9DA1

HSV Blend

#E7E6E6 - #BF9DA1 | 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 #E7E6E6 as 0% and #BF9DA1 as 100%.

0.0%	0.0% #E7E6E6	RGB 231 230 230	#E7E6E6
16.7%	16.7% #E0D8D9	RGB 224 216 217	#E0D8D9
33.3%	33.3% #D9CCCC	RGB 217 204 204	#D9CCCC
50.0%	50.0% #D3BFC0	RGB 211 191 192	#D3BFC0
66.7%	66.7% #CCB3B5	RGB 204 179 181	#CCB3B5
83.3%	83.3% #C5A8AB	RGB 197 168 171	#C5A8AB
100.0%	100.0% #BF9DA1	RGB 191 157 161	#BF9DA1

#E7E6E6 #E0D8D9 #D9CCCC #D3BFC0 #CCB3B5 #C5A8AB #BF9DA1

#E7E6E6 - #D3BFC0 - #BF9DA1

CSS codes

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

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