#BDA89C - #ECE6E2 | 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 #BDA89C to #ECE6E2

#BDA89C #ECE6E2

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

#BDA89C - #ECE6E2 | 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 #BDA89C as 0% and #ECE6E2 as 100%.

0.0%	0.0% #BDA89C	RGB 189 168 156	#BDA89C
16.7%	16.7% #C4B2A7	RGB 196 178 167	#C4B2A7
33.3%	33.3% #CCBCB3	RGB 204 188 179	#CCBCB3
50.0%	50.0% #D4C7BF	RGB 212 199 191	#D4C7BF
66.7%	66.7% #DCD1CA	RGB 220 209 202	#DCD1CA
83.3%	83.3% #E4DBD6	RGB 228 219 214	#E4DBD6
100.0%	100.0% #ECE6E2	RGB 236 230 226	#ECE6E2

#BDA89C #C4B2A7 #CCBCB3 #D4C7BF #DCD1CA #E4DBD6 #ECE6E2

#BDA89C - #ECE6E2

HSV Blend

#BDA89C - #ECE6E2 | 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 #BDA89C as 0% and #ECE6E2 as 100%.

0.0%	0.0% #BDA89C	RGB 189 168 156	#BDA89C
16.7%	16.7% #C4B1A6	RGB 196 177 166	#C4B1A6
33.3%	33.3% #CCBBB1	RGB 204 187 177	#CCBBB1
50.0%	50.0% #D4C6BD	RGB 212 198 189	#D4C6BD
66.7%	66.7% #DCD0C9	RGB 220 208 201	#DCD0C9
83.3%	83.3% #E4DBD5	RGB 228 219 213	#E4DBD5
100.0%	100.0% #ECE6E2	RGB 236 230 226	#ECE6E2

#BDA89C #C4B1A6 #CCBBB1 #D4C6BD #DCD0C9 #E4DBD5 #ECE6E2

#BDA89C - #D4C6BD - #ECE6E2

CSS codes

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

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