#BFB89A - #ECEAE2 | 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 #BFB89A to #ECEAE2

#BFB89A #ECEAE2

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

#BFB89A - #ECEAE2 | 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 #BFB89A as 0% and #ECEAE2 as 100%.

0.0%	0.0% #BFB89A	RGB 191 184 154	#BFB89A
16.7%	16.7% #C6C0A6	RGB 198 192 166	#C6C0A6
33.3%	33.3% #CEC8B2	RGB 206 200 178	#CEC8B2
50.0%	50.0% #D5D1BE	RGB 213 209 190	#D5D1BE
66.7%	66.7% #DDD9CA	RGB 221 217 202	#DDD9CA
83.3%	83.3% #E4E1D6	RGB 228 225 214	#E4E1D6
100.0%	100.0% #ECEAE2	RGB 236 234 226	#ECEAE2

#BFB89A #C6C0A6 #CEC8B2 #D5D1BE #DDD9CA #E4E1D6 #ECEAE2

#BFB89A - #ECEAE2

HSV Blend

#BFB89A - #ECEAE2 | 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 #BFB89A as 0% and #ECEAE2 as 100%.

0.0%	0.0% #BFB89A	RGB 191 184 154	#BFB89A
16.7%	16.7% #C6C0A5	RGB 198 192 165	#C6C0A5
33.3%	33.3% #CEC8B0	RGB 206 200 176	#CEC8B0
50.0%	50.0% #D5D0BC	RGB 213 208 188	#D5D0BC
66.7%	66.7% #DDD8C8	RGB 221 216 200	#DDD8C8
83.3%	83.3% #E4E1D5	RGB 228 225 213	#E4E1D5
100.0%	100.0% #ECEAE2	RGB 236 234 226	#ECEAE2

#BFB89A #C6C0A5 #CEC8B0 #D5D0BC #DDD8C8 #E4E1D5 #ECEAE2

#BFB89A - #D5D0BC - #ECEAE2

CSS codes

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

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