#E2D8DD - #BA8AAA | 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 #E2D8DD to #BA8AAA

#E2D8DD #BA8AAA

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

#E2D8DD - #BA8AAA | 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 #E2D8DD as 0% and #BA8AAA as 100%.

0.0%	0.0% #E2D8DD	RGB 226 216 221	#E2D8DD
16.7%	16.7% #DBCBD4	RGB 219 203 212	#DBCBD4
33.3%	33.3% #D4BECC	RGB 212 190 204	#D4BECC
50.0%	50.0% #CEB1C3	RGB 206 177 195	#CEB1C3
66.7%	66.7% #C7A4BB	RGB 199 164 187	#C7A4BB
83.3%	83.3% #C097B2	RGB 192 151 178	#C097B2
100.0%	100.0% #BA8AAA	RGB 186 138 170	#BA8AAA

#E2D8DD #DBCBD4 #D4BECC #CEB1C3 #C7A4BB #C097B2 #BA8AAA

#E2D8DD - #BA8AAA

HSV Blend

#E2D8DD - #BA8AAA | 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 #E2D8DD as 0% and #BA8AAA as 100%.

0.0%	0.0% #E2D8DD	RGB 226 216 221	#E2D8DD
16.7%	16.7% #DBC9D3	RGB 219 201 211	#DBC9D3
33.3%	33.3% #D4BCC9	RGB 212 188 201	#D4BCC9
50.0%	50.0% #CEAEC1	RGB 206 174 193	#CEAEC1
66.7%	66.7% #C7A2B8	RGB 199 162 184	#C7A2B8
83.3%	83.3% #C095B1	RGB 192 149 177	#C095B1
100.0%	100.0% #BA8AAA	RGB 186 138 170	#BA8AAA

#E2D8DD #DBC9D3 #D4BCC9 #CEAEC1 #C7A2B8 #C095B1 #BA8AAA

#E2D8DD - #CEAEC1 - #BA8AAA

CSS codes

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

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