#BFB085 - #ECE8DC | 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 #BFB085 to #ECE8DC

#BFB085 #ECE8DC

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

#BFB085 - #ECE8DC | 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 #BFB085 as 0% and #ECE8DC as 100%.

0.0%	0.0% #BFB085	RGB 191 176 133	#BFB085
16.7%	16.7% #C6B993	RGB 198 185 147	#C6B993
33.3%	33.3% #CEC2A2	RGB 206 194 162	#CEC2A2
50.0%	50.0% #D5CCB0	RGB 213 204 176	#D5CCB0
66.7%	66.7% #DDD5BF	RGB 221 213 191	#DDD5BF
83.3%	83.3% #E4DECD	RGB 228 222 205	#E4DECD
100.0%	100.0% #ECE8DC	RGB 236 232 220	#ECE8DC

#BFB085 #C6B993 #CEC2A2 #D5CCB0 #DDD5BF #E4DECD #ECE8DC

#BFB085 - #ECE8DC

HSV Blend

#BFB085 - #ECE8DC | 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 #BFB085 as 0% and #ECE8DC as 100%.

0.0%	0.0% #BFB085	RGB 191 176 133	#BFB085
16.7%	16.7% #C6B992	RGB 198 185 146	#C6B992
33.3%	33.3% #CEC29F	RGB 206 194 159	#CEC29F
50.0%	50.0% #D5CBAD	RGB 213 203 173	#D5CBAD
66.7%	66.7% #DDD4BC	RGB 221 212 188	#DDD4BC
83.3%	83.3% #E4DECC	RGB 228 222 204	#E4DECC
100.0%	100.0% #ECE8DC	RGB 236 232 220	#ECE8DC

#BFB085 #C6B992 #CEC29F #D5CBAD #DDD4BC #E4DECC #ECE8DC

#BFB085 - #D5CBAD - #ECE8DC

CSS codes

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

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