#E2CDD4 - #B57A8D | 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 #E2CDD4 to #B57A8D

#E2CDD4 #B57A8D

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

#E2CDD4 - #B57A8D | 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 #E2CDD4 as 0% and #B57A8D as 100%.

0.0%	0.0% #E2CDD4	RGB 226 205 212	#E2CDD4
16.7%	16.7% #DABFC8	RGB 218 191 200	#DABFC8
33.3%	33.3% #D3B1BC	RGB 211 177 188	#D3B1BC
50.0%	50.0% #CBA3B0	RGB 203 163 176	#CBA3B0
66.7%	66.7% #C495A4	RGB 196 149 164	#C495A4
83.3%	83.3% #BC8798	RGB 188 135 152	#BC8798
100.0%	100.0% #B57A8D	RGB 181 122 141	#B57A8D

#E2CDD4 #DABFC8 #D3B1BC #CBA3B0 #C495A4 #BC8798 #B57A8D

#E2CDD4 - #B57A8D

HSV Blend

#E2CDD4 - #B57A8D | 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 #E2CDD4 as 0% and #B57A8D as 100%.

0.0%	0.0% #E2CDD4	RGB 226 205 212	#E2CDD4
16.7%	16.7% #DABDC7	RGB 218 189 199	#DABDC7
33.3%	33.3% #D3AFBA	RGB 211 175 186	#D3AFBA
50.0%	50.0% #CBA0AE	RGB 203 160 174	#CBA0AE
66.7%	66.7% #C493A3	RGB 196 147 163	#C493A3
83.3%	83.3% #BC8697	RGB 188 134 151	#BC8697
100.0%	100.0% #B57A8D	RGB 181 122 141	#B57A8D

#E2CDD4 #DABDC7 #D3AFBA #CBA0AE #C493A3 #BC8697 #B57A8D

#E2CDD4 - #CBA0AE - #B57A8D

CSS codes

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

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