#BFA8A8 - #ECE7E6 | 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 #BFA8A8 to #ECE7E6

#BFA8A8 #ECE7E6

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

#BFA8A8 - #ECE7E6 | 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 #BFA8A8 as 0% and #ECE7E6 as 100%.

0.0%	0.0% #BFA8A8	RGB 191 168 168	#BFA8A8
16.7%	16.7% #C6B2B2	RGB 198 178 178	#C6B2B2
33.3%	33.3% #CEBDBC	RGB 206 189 188	#CEBDBC
50.0%	50.0% #D5C7C7	RGB 213 199 199	#D5C7C7
66.7%	66.7% #DDD2D1	RGB 221 210 209	#DDD2D1
83.3%	83.3% #E4DCDB	RGB 228 220 219	#E4DCDB
100.0%	100.0% #ECE7E6	RGB 236 231 230	#ECE7E6

#BFA8A8 #C6B2B2 #CEBDBC #D5C7C7 #DDD2D1 #E4DCDB #ECE7E6

#BFA8A8 - #ECE7E6

HSV Blend

#BFA8A8 - #ECE7E6 | 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 #BFA8A8 as 0% and #ECE7E6 as 100%.

0.0%	0.0% #BFA8A8	RGB 191 168 168	#BFA8A8
16.7%	16.7% #C6B2B1	RGB 198 178 177	#C6B2B1
33.3%	33.3% #CEBCBB	RGB 206 188 187	#CEBCBB
50.0%	50.0% #D5C7C5	RGB 213 199 197	#D5C7C5
66.7%	66.7% #DDD1D0	RGB 221 209 208	#DDD1D0
83.3%	83.3% #E4DCDB	RGB 228 220 219	#E4DCDB
100.0%	100.0% #ECE7E6	RGB 236 231 230	#ECE7E6

#BFA8A8 #C6B2B1 #CEBCBB #D5C7C5 #DDD1D0 #E4DCDB #ECE7E6

#BFA8A8 - #D5C7C5 - #ECE7E6

CSS codes

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

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