#BD938F - #ECE0DF | 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 #BD938F to #ECE0DF

#BD938F #ECE0DF

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

#BD938F - #ECE0DF | 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 #BD938F as 0% and #ECE0DF as 100%.

0.0%	0.0% #BD938F	RGB 189 147 143	#BD938F
16.7%	16.7% #C49F9C	RGB 196 159 156	#C49F9C
33.3%	33.3% #CCACA9	RGB 204 172 169	#CCACA9
50.0%	50.0% #D4B9B7	RGB 212 185 183	#D4B9B7
66.7%	66.7% #DCC6C4	RGB 220 198 196	#DCC6C4
83.3%	83.3% #E4D3D1	RGB 228 211 209	#E4D3D1
100.0%	100.0% #ECE0DF	RGB 236 224 223	#ECE0DF

#BD938F #C49F9C #CCACA9 #D4B9B7 #DCC6C4 #E4D3D1 #ECE0DF

#BD938F - #ECE0DF

HSV Blend

#BD938F - #ECE0DF | 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 #BD938F as 0% and #ECE0DF as 100%.

0.0%	0.0% #BD938F	RGB 189 147 143	#BD938F
16.7%	16.7% #C49E9B	RGB 196 158 155	#C49E9B
33.3%	33.3% #CCAAA7	RGB 204 170 167	#CCAAA7
50.0%	50.0% #D4B7B4	RGB 212 183 180	#D4B7B4
66.7%	66.7% #DCC4C2	RGB 220 196 194	#DCC4C2
83.3%	83.3% #E4D1D0	RGB 228 209 208	#E4D1D0
100.0%	100.0% #ECE0DF	RGB 236 224 223	#ECE0DF

#BD938F #C49E9B #CCAAA7 #D4B7B4 #DCC4C2 #E4D1D0 #ECE0DF

#BD938F - #D4B7B4 - #ECE0DF

CSS codes

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

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