#BC9B5E - #EBE1D1 | 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 #BC9B5E to #EBE1D1

#BC9B5E #EBE1D1

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

#BC9B5E - #EBE1D1 | 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 #BC9B5E as 0% and #EBE1D1 as 100%.

0.0%	0.0% #BC9B5E	RGB 188 155 94	#BC9B5E
16.7%	16.7% #C3A671	RGB 195 166 113	#C3A671
33.3%	33.3% #CBB284	RGB 203 178 132	#CBB284
50.0%	50.0% #D3BE97	RGB 211 190 151	#D3BE97
66.7%	66.7% #DBC9AA	RGB 219 201 170	#DBC9AA
83.3%	83.3% #E3D5BD	RGB 227 213 189	#E3D5BD
100.0%	100.0% #EBE1D1	RGB 235 225 209	#EBE1D1

#BC9B5E #C3A671 #CBB284 #D3BE97 #DBC9AA #E3D5BD #EBE1D1

#BC9B5E - #EBE1D1

HSV Blend

#BC9B5E - #EBE1D1 | 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 #BC9B5E as 0% and #EBE1D1 as 100%.

0.0%	0.0% #BC9B5E	RGB 188 155 94	#BC9B5E
16.7%	16.7% #C3A56E	RGB 195 165 110	#C3A56E
33.3%	33.3% #CBB080	RGB 203 176 128	#CBB080
50.0%	50.0% #D3BB92	RGB 211 187 146	#D3BB92
66.7%	66.7% #DBC7A6	RGB 219 199 166	#DBC7A6
83.3%	83.3% #E3D4BB	RGB 227 212 187	#E3D4BB
100.0%	100.0% #EBE1D1	RGB 235 225 209	#EBE1D1

#BC9B5E #C3A56E #CBB080 #D3BB92 #DBC7A6 #E3D4BB #EBE1D1

#BC9B5E - #D3BB92 - #EBE1D1

CSS codes

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

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