#BD9D8F - #ECE2DF | 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 #BD9D8F to #ECE2DF

#BD9D8F #ECE2DF

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

#BD9D8F - #ECE2DF | 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 #BD9D8F as 0% and #ECE2DF as 100%.

0.0%	0.0% #BD9D8F	RGB 189 157 143	#BD9D8F
16.7%	16.7% #C4A89C	RGB 196 168 156	#C4A89C
33.3%	33.3% #CCB4A9	RGB 204 180 169	#CCB4A9
50.0%	50.0% #D4BFB7	RGB 212 191 183	#D4BFB7
66.7%	66.7% #DCCBC4	RGB 220 203 196	#DCCBC4
83.3%	83.3% #E4D6D1	RGB 228 214 209	#E4D6D1
100.0%	100.0% #ECE2DF	RGB 236 226 223	#ECE2DF

#BD9D8F #C4A89C #CCB4A9 #D4BFB7 #DCCBC4 #E4D6D1 #ECE2DF

#BD9D8F - #ECE2DF

HSV Blend

#BD9D8F - #ECE2DF | 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 #BD9D8F as 0% and #ECE2DF as 100%.

0.0%	0.0% #BD9D8F	RGB 189 157 143	#BD9D8F
16.7%	16.7% #C4A79B	RGB 196 167 155	#C4A79B
33.3%	33.3% #CCB2A7	RGB 204 178 167	#CCB2A7
50.0%	50.0% #D4BDB4	RGB 212 189 180	#D4BDB4
66.7%	66.7% #DCC8C2	RGB 220 200 194	#DCC8C2
83.3%	83.3% #E4D5D0	RGB 228 213 208	#E4D5D0
100.0%	100.0% #ECE2DF	RGB 236 226 223	#ECE2DF

#BD9D8F #C4A79B #CCB2A7 #D4BDB4 #DCC8C2 #E4D5D0 #ECE2DF

#BD9D8F - #D4BDB4 - #ECE2DF

CSS codes

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

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