#E2DADC - #BA898D | 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 #E2DADC to #BA898D

#E2DADC #BA898D

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

#E2DADC - #BA898D | 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 #E2DADC as 0% and #BA898D as 100%.

0.0%	0.0% #E2DADC	RGB 226 218 220	#E2DADC
16.7%	16.7% #DBCCCE	RGB 219 204 206	#DBCCCE
33.3%	33.3% #D4BFC1	RGB 212 191 193	#D4BFC1
50.0%	50.0% #CEB1B4	RGB 206 177 180	#CEB1B4
66.7%	66.7% #C7A4A7	RGB 199 164 167	#C7A4A7
83.3%	83.3% #C0969A	RGB 192 150 154	#C0969A
100.0%	100.0% #BA898D	RGB 186 137 141	#BA898D

#E2DADC #DBCCCE #D4BFC1 #CEB1B4 #C7A4A7 #C0969A #BA898D

#E2DADC - #BA898D

HSV Blend

#E2DADC - #BA898D | 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 #E2DADC as 0% and #BA898D as 100%.

0.0%	0.0% #E2DADC	RGB 226 218 220	#E2DADC
16.7%	16.7% #DBCBCE	RGB 219 203 206	#DBCBCE
33.3%	33.3% #D4BCC1	RGB 212 188 193	#D4BCC1
50.0%	50.0% #CEAFB4	RGB 206 175 180	#CEAFB4
66.7%	66.7% #C7A1A7	RGB 199 161 167	#C7A1A7
83.3%	83.3% #C09599	RGB 192 149 153	#C09599
100.0%	100.0% #BA898D	RGB 186 137 141	#BA898D

#E2DADC #DBCBCE #D4BCC1 #CEAFB4 #C7A1A7 #C09599 #BA898D

#E2DADC - #CEAFB4 - #BA898D

CSS codes

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

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