#BDB29D - #ECE8E3 | 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 #BDB29D to #ECE8E3

#BDB29D #ECE8E3

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

#BDB29D - #ECE8E3 | 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 #BDB29D as 0% and #ECE8E3 as 100%.

0.0%	0.0% #BDB29D	RGB 189 178 157	#BDB29D
16.7%	16.7% #C4BBA8	RGB 196 187 168	#C4BBA8
33.3%	33.3% #CCC4B4	RGB 204 196 180	#CCC4B4
50.0%	50.0% #D4CDC0	RGB 212 205 192	#D4CDC0
66.7%	66.7% #DCD6CB	RGB 220 214 203	#DCD6CB
83.3%	83.3% #E4DFD7	RGB 228 223 215	#E4DFD7
100.0%	100.0% #ECE8E3	RGB 236 232 227	#ECE8E3

#BDB29D #C4BBA8 #CCC4B4 #D4CDC0 #DCD6CB #E4DFD7 #ECE8E3

#BDB29D - #ECE8E3

HSV Blend

#BDB29D - #ECE8E3 | 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 #BDB29D as 0% and #ECE8E3 as 100%.

0.0%	0.0% #BDB29D	RGB 189 178 157	#BDB29D
16.7%	16.7% #C4BAA7	RGB 196 186 167	#C4BAA7
33.3%	33.3% #CCC2B2	RGB 204 194 178	#CCC2B2
50.0%	50.0% #D4CBBE	RGB 212 203 190	#D4CBBE
66.7%	66.7% #DCD4CA	RGB 220 212 202	#DCD4CA
83.3%	83.3% #E4DED6	RGB 228 222 214	#E4DED6
100.0%	100.0% #ECE8E3	RGB 236 232 227	#ECE8E3

#BDB29D #C4BAA7 #CCC2B2 #D4CBBE #DCD4CA #E4DED6 #ECE8E3

#BDB29D - #D4CBBE - #ECE8E3

CSS codes

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

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