#BFAB85 - #ECE6DC | 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 #BFAB85 to #ECE6DC

#BFAB85 #ECE6DC

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

#BFAB85 - #ECE6DC | 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 #BFAB85 as 0% and #ECE6DC as 100%.

0.0%	0.0% #BFAB85	RGB 191 171 133	#BFAB85
16.7%	16.7% #C6B493	RGB 198 180 147	#C6B493
33.3%	33.3% #CEBEA2	RGB 206 190 162	#CEBEA2
50.0%	50.0% #D5C8B0	RGB 213 200 176	#D5C8B0
66.7%	66.7% #DDD2BF	RGB 221 210 191	#DDD2BF
83.3%	83.3% #E4DCCD	RGB 228 220 205	#E4DCCD
100.0%	100.0% #ECE6DC	RGB 236 230 220	#ECE6DC

#BFAB85 #C6B493 #CEBEA2 #D5C8B0 #DDD2BF #E4DCCD #ECE6DC

#BFAB85 - #ECE6DC

HSV Blend

#BFAB85 - #ECE6DC | 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 #BFAB85 as 0% and #ECE6DC as 100%.

0.0%	0.0% #BFAB85	RGB 191 171 133	#BFAB85
16.7%	16.7% #C6B492	RGB 198 180 146	#C6B492
33.3%	33.3% #CEBD9F	RGB 206 189 159	#CEBD9F
50.0%	50.0% #D5C7AD	RGB 213 199 173	#D5C7AD
66.7%	66.7% #DDD1BC	RGB 221 209 188	#DDD1BC
83.3%	83.3% #E4DBCC	RGB 228 219 204	#E4DBCC
100.0%	100.0% #ECE6DC	RGB 236 230 220	#ECE6DC

#BFAB85 #C6B492 #CEBD9F #D5C7AD #DDD1BC #E4DBCC #ECE6DC

#BFAB85 - #D5C7AD - #ECE6DC

CSS codes

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

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