#BDAC7D - #ECE7D9 | 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 #BDAC7D to #ECE7D9

#BDAC7D #ECE7D9

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

#BDAC7D - #ECE7D9 | 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 #BDAC7D as 0% and #ECE7D9 as 100%.

0.0%	0.0% #BDAC7D	RGB 189 172 125	#BDAC7D
16.7%	16.7% #C4B58C	RGB 196 181 140	#C4B58C
33.3%	33.3% #CCBF9B	RGB 204 191 155	#CCBF9B
50.0%	50.0% #D4C9AB	RGB 212 201 171	#D4C9AB
66.7%	66.7% #DCD3BA	RGB 220 211 186	#DCD3BA
83.3%	83.3% #E4DDC9	RGB 228 221 201	#E4DDC9
100.0%	100.0% #ECE7D9	RGB 236 231 217	#ECE7D9

#BDAC7D #C4B58C #CCBF9B #D4C9AB #DCD3BA #E4DDC9 #ECE7D9

#BDAC7D - #ECE7D9

HSV Blend

#BDAC7D - #ECE7D9 | 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 #BDAC7D as 0% and #ECE7D9 as 100%.

0.0%	0.0% #BDAC7D	RGB 189 172 125	#BDAC7D
16.7%	16.7% #C4B58A	RGB 196 181 138	#C4B58A
33.3%	33.3% #CCBE98	RGB 204 190 152	#CCBE98
50.0%	50.0% #D4C8A7	RGB 212 200 167	#D4C8A7
66.7%	66.7% #DCD2B7	RGB 220 210 183	#DCD2B7
83.3%	83.3% #E4DCC7	RGB 228 220 199	#E4DCC7
100.0%	100.0% #ECE7D9	RGB 236 231 217	#ECE7D9

#BDAC7D #C4B58A #CCBE98 #D4C8A7 #DCD2B7 #E4DCC7 #ECE7D9

#BDAC7D - #D4C8A7 - #ECE7D9

CSS codes

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

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