#BFAF7E - #ECE7DA | 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 #BFAF7E to #ECE7DA

#BFAF7E #ECE7DA

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

#BFAF7E - #ECE7DA | 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 #BFAF7E as 0% and #ECE7DA as 100%.

0.0%	0.0% #BFAF7E	RGB 191 175 126	#BFAF7E
16.7%	16.7% #C6B88D	RGB 198 184 141	#C6B88D
33.3%	33.3% #CEC19C	RGB 206 193 156	#CEC19C
50.0%	50.0% #D5CBAC	RGB 213 203 172	#D5CBAC
66.7%	66.7% #DDD4BB	RGB 221 212 187	#DDD4BB
83.3%	83.3% #E4DDCA	RGB 228 221 202	#E4DDCA
100.0%	100.0% #ECE7DA	RGB 236 231 218	#ECE7DA

#BFAF7E #C6B88D #CEC19C #D5CBAC #DDD4BB #E4DDCA #ECE7DA

#BFAF7E - #ECE7DA

HSV Blend

#BFAF7E - #ECE7DA | 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 #BFAF7E as 0% and #ECE7DA as 100%.

0.0%	0.0% #BFAF7E	RGB 191 175 126	#BFAF7E
16.7%	16.7% #C6B78B	RGB 198 183 139	#C6B78B
33.3%	33.3% #CEC09A	RGB 206 192 154	#CEC09A
50.0%	50.0% #D5C9A9	RGB 213 201 169	#D5C9A9
66.7%	66.7% #DDD3B8	RGB 221 211 184	#DDD3B8
83.3%	83.3% #E4DDC9	RGB 228 221 201	#E4DDC9
100.0%	100.0% #ECE7DA	RGB 236 231 218	#ECE7DA

#BFAF7E #C6B78B #CEC09A #D5C9A9 #DDD3B8 #E4DDC9 #ECE7DA

#BFAF7E - #D5C9A9 - #ECE7DA

CSS codes

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

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