#BDAAA1 - #ECE6E4 | 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 #BDAAA1 to #ECE6E4

#BDAAA1 #ECE6E4

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

#BDAAA1 - #ECE6E4 | 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 #BDAAA1 as 0% and #ECE6E4 as 100%.

0.0%	0.0% #BDAAA1	RGB 189 170 161	#BDAAA1
16.7%	16.7% #C4B4AC	RGB 196 180 172	#C4B4AC
33.3%	33.3% #CCBEB7	RGB 204 190 183	#CCBEB7
50.0%	50.0% #D4C8C2	RGB 212 200 194	#D4C8C2
66.7%	66.7% #DCD2CD	RGB 220 210 205	#DCD2CD
83.3%	83.3% #E4DCD8	RGB 228 220 216	#E4DCD8
100.0%	100.0% #ECE6E4	RGB 236 230 228	#ECE6E4

#BDAAA1 #C4B4AC #CCBEB7 #D4C8C2 #DCD2CD #E4DCD8 #ECE6E4

#BDAAA1 - #ECE6E4

HSV Blend

#BDAAA1 - #ECE6E4 | 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 #BDAAA1 as 0% and #ECE6E4 as 100%.

0.0%	0.0% #BDAAA1	RGB 189 170 161	#BDAAA1
16.7%	16.7% #C4B3AB	RGB 196 179 171	#C4B3AB
33.3%	33.3% #CCBCB6	RGB 204 188 182	#CCBCB6
50.0%	50.0% #D4C6C1	RGB 212 198 193	#D4C6C1
66.7%	66.7% #DCD0CC	RGB 220 208 204	#DCD0CC
83.3%	83.3% #E4DBD8	RGB 228 219 216	#E4DBD8
100.0%	100.0% #ECE6E4	RGB 236 230 228	#ECE6E4

#BDAAA1 #C4B3AB #CCBCB6 #D4C6C1 #DCD0CC #E4DBD8 #ECE6E4

#BDAAA1 - #D4C6C1 - #ECE6E4

CSS codes

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

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