#BDB16E - #ECE8D5 | 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 #BDB16E to #ECE8D5

#BDB16E #ECE8D5

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

#BDB16E - #ECE8D5 | 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 #BDB16E as 0% and #ECE8D5 as 100%.

0.0%	0.0% #BDB16E	RGB 189 177 110	#BDB16E
16.7%	16.7% #C4BA7F	RGB 196 186 127	#C4BA7F
33.3%	33.3% #CCC390	RGB 204 195 144	#CCC390
50.0%	50.0% #D4CCA1	RGB 212 204 161	#D4CCA1
66.7%	66.7% #DCD5B2	RGB 220 213 178	#DCD5B2
83.3%	83.3% #E4DEC3	RGB 228 222 195	#E4DEC3
100.0%	100.0% #ECE8D5	RGB 236 232 213	#ECE8D5

#BDB16E #C4BA7F #CCC390 #D4CCA1 #DCD5B2 #E4DEC3 #ECE8D5

#BDB16E - #ECE8D5

HSV Blend

#BDB16E - #ECE8D5 | 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 #BDB16E as 0% and #ECE8D5 as 100%.

0.0%	0.0% #BDB16E	RGB 189 177 110	#BDB16E
16.7%	16.7% #C4B97D	RGB 196 185 125	#C4B97D
33.3%	33.3% #CCC28C	RGB 204 194 140	#CCC28C
50.0%	50.0% #D4CB9D	RGB 212 203 157	#D4CB9D
66.7%	66.7% #DCD4AF	RGB 220 212 175	#DCD4AF
83.3%	83.3% #E4DEC1	RGB 228 222 193	#E4DEC1
100.0%	100.0% #ECE8D5	RGB 236 232 213	#ECE8D5

#BDB16E #C4B97D #CCC28C #D4CB9D #DCD4AF #E4DEC1 #ECE8D5

#BDB16E - #D4CB9D - #ECE8D5

CSS codes

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

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