#BDAFA0 - #ECE7E3 | 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 #BDAFA0 to #ECE7E3

#BDAFA0 #ECE7E3

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

#BDAFA0 - #ECE7E3 | 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 #BDAFA0 as 0% and #ECE7E3 as 100%.

0.0%	0.0% #BDAFA0	RGB 189 175 160	#BDAFA0
16.7%	16.7% #C4B8AB	RGB 196 184 171	#C4B8AB
33.3%	33.3% #CCC1B6	RGB 204 193 182	#CCC1B6
50.0%	50.0% #D4CBC1	RGB 212 203 193	#D4CBC1
66.7%	66.7% #DCD4CC	RGB 220 212 204	#DCD4CC
83.3%	83.3% #E4DDD7	RGB 228 221 215	#E4DDD7
100.0%	100.0% #ECE7E3	RGB 236 231 227	#ECE7E3

#BDAFA0 #C4B8AB #CCC1B6 #D4CBC1 #DCD4CC #E4DDD7 #ECE7E3

#BDAFA0 - #ECE7E3

HSV Blend

#BDAFA0 - #ECE7E3 | 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 #BDAFA0 as 0% and #ECE7E3 as 100%.

0.0%	0.0% #BDAFA0	RGB 189 175 160	#BDAFA0
16.7%	16.7% #C4B7AA	RGB 196 183 170	#C4B7AA
33.3%	33.3% #CCC0B5	RGB 204 192 181	#CCC0B5
50.0%	50.0% #D4C9C0	RGB 212 201 192	#D4C9C0
66.7%	66.7% #DCD3CB	RGB 220 211 203	#DCD3CB
83.3%	83.3% #E4DDD7	RGB 228 221 215	#E4DDD7
100.0%	100.0% #ECE7E3	RGB 236 231 227	#ECE7E3

#BDAFA0 #C4B7AA #CCC0B5 #D4C9C0 #DCD3CB #E4DDD7 #ECE7E3

#BDAFA0 - #D4C9C0 - #ECE7E3

CSS codes

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

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