#E7CDD4 - #BA7B8C | 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 #E7CDD4 to #BA7B8C

#E7CDD4 #BA7B8C

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

#E7CDD4 - #BA7B8C | 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 #E7CDD4 as 0% and #BA7B8C as 100%.

0.0%	0.0% #E7CDD4	RGB 231 205 212	#E7CDD4
16.7%	16.7% #DFBFC8	RGB 223 191 200	#DFBFC8
33.3%	33.3% #D8B1BC	RGB 216 177 188	#D8B1BC
50.0%	50.0% #D0A4B0	RGB 208 164 176	#D0A4B0
66.7%	66.7% #C996A4	RGB 201 150 164	#C996A4
83.3%	83.3% #C18898	RGB 193 136 152	#C18898
100.0%	100.0% #BA7B8C	RGB 186 123 140	#BA7B8C

#E7CDD4 #DFBFC8 #D8B1BC #D0A4B0 #C996A4 #C18898 #BA7B8C

#E7CDD4 - #BA7B8C

HSV Blend

#E7CDD4 - #BA7B8C | 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 #E7CDD4 as 0% and #BA7B8C as 100%.

0.0%	0.0% #E7CDD4	RGB 231 205 212	#E7CDD4
16.7%	16.7% #DFBDC6	RGB 223 189 198	#DFBDC6
33.3%	33.3% #D8AFBA	RGB 216 175 186	#D8AFBA
50.0%	50.0% #D0A1AE	RGB 208 161 174	#D0A1AE
66.7%	66.7% #C994A2	RGB 201 148 162	#C994A2
83.3%	83.3% #C18796	RGB 193 135 150	#C18796
100.0%	100.0% #BA7B8C	RGB 186 123 140	#BA7B8C

#E7CDD4 #DFBDC6 #D8AFBA #D0A1AE #C994A2 #C18796 #BA7B8C

#E7CDD4 - #D0A1AE - #BA7B8C

CSS codes

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

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