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

#BFB285 #ECE8DC

Calculate the color between two colors, #BFB285 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)

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

0.0%	0.0% #BFB285	RGB 191 178 133	#BFB285
16.7%	16.7% #C6BB93	RGB 198 187 147	#C6BB93
33.3%	33.3% #CEC4A2	RGB 206 196 162	#CEC4A2
50.0%	50.0% #D5CDB0	RGB 213 205 176	#D5CDB0
66.7%	66.7% #DDD6BF	RGB 221 214 191	#DDD6BF
83.3%	83.3% #E4DFCD	RGB 228 223 205	#E4DFCD
100.0%	100.0% #ECE8DC	RGB 236 232 220	#ECE8DC

#BFB285 #C6BB93 #CEC4A2 #D5CDB0 #DDD6BF #E4DFCD #ECE8DC

#BFB285 - #ECE8DC

HSV Blend

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

0.0%	0.0% #BFB285	RGB 191 178 133	#BFB285
16.7%	16.7% #C6BA92	RGB 198 186 146	#C6BA92
33.3%	33.3% #CEC39F	RGB 206 195 159	#CEC39F
50.0%	50.0% #D5CCAD	RGB 213 204 173	#D5CCAD
66.7%	66.7% #DDD5BC	RGB 221 213 188	#DDD5BC
83.3%	83.3% #E4DECC	RGB 228 222 204	#E4DECC
100.0%	100.0% #ECE8DC	RGB 236 232 220	#ECE8DC

#BFB285 #C6BA92 #CEC39F #D5CCAD #DDD5BC #E4DECC #ECE8DC

#BFB285 - #D5CCAD - #ECE8DC

CSS codes

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

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