#E2DADF - #BA899C | 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 #E2DADF to #BA899C

#E2DADF #BA899C

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

#E2DADF - #BA899C | 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 #E2DADF as 0% and #BA899C as 100%.

0.0%	0.0% #E2DADF	RGB 226 218 223	#E2DADF
16.7%	16.7% #DBCCD3	RGB 219 204 211	#DBCCD3
33.3%	33.3% #D4BFC8	RGB 212 191 200	#D4BFC8
50.0%	50.0% #CEB1BD	RGB 206 177 189	#CEB1BD
66.7%	66.7% #C7A4B2	RGB 199 164 178	#C7A4B2
83.3%	83.3% #C096A7	RGB 192 150 167	#C096A7
100.0%	100.0% #BA899C	RGB 186 137 156	#BA899C

#E2DADF #DBCCD3 #D4BFC8 #CEB1BD #C7A4B2 #C096A7 #BA899C

#E2DADF - #BA899C

HSV Blend

#E2DADF - #BA899C | 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 #E2DADF as 0% and #BA899C as 100%.

0.0%	0.0% #E2DADF	RGB 226 218 223	#E2DADF
16.7%	16.7% #DBCBD4	RGB 219 203 212	#DBCBD4
33.3%	33.3% #D4BCC9	RGB 212 188 201	#D4BCC9
50.0%	50.0% #CEAFBE	RGB 206 175 190	#CEAFBE
66.7%	66.7% #C7A1B3	RGB 199 161 179	#C7A1B3
83.3%	83.3% #C095A7	RGB 192 149 167	#C095A7
100.0%	100.0% #BA899C	RGB 186 137 156	#BA899C

#E2DADF #DBCBD4 #D4BCC9 #CEAFBE #C7A1B3 #C095A7 #BA899C

#E2DADF - #CEAFBE - #BA899C

CSS codes

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

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