#E2DAE1 - #CF8DCC | 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 #E2DAE1 to #CF8DCC

#E2DAE1 #CF8DCC

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

#E2DAE1 - #CF8DCC | 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 #E2DAE1 as 0% and #CF8DCC as 100%.

0.0%	0.0% #E2DAE1	RGB 226 218 225	#E2DAE1
16.7%	16.7% #DECDDD	RGB 222 205 221	#DECDDD
33.3%	33.3% #DBC0DA	RGB 219 192 218	#DBC0DA
50.0%	50.0% #D8B3D6	RGB 216 179 214	#D8B3D6
66.7%	66.7% #D5A6D3	RGB 213 166 211	#D5A6D3
83.3%	83.3% #D299CF	RGB 210 153 207	#D299CF
100.0%	100.0% #CF8DCC	RGB 207 141 204	#CF8DCC

#E2DAE1 #DECDDD #DBC0DA #D8B3D6 #D5A6D3 #D299CF #CF8DCC

#E2DAE1 - #CF8DCC

HSV Blend

#E2DAE1 - #CF8DCC | 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 #E2DAE1 as 0% and #CF8DCC as 100%.

0.0%	0.0% #E2DAE1	RGB 226 218 225	#E2DAE1
16.7%	16.7% #DECCDC	RGB 222 204 220	#DECCDC
33.3%	33.3% #DBBFD8	RGB 219 191 216	#DBBFD8
50.0%	50.0% #D8B2D5	RGB 216 178 213	#D8B2D5
66.7%	66.7% #D5A5D1	RGB 213 165 209	#D5A5D1
83.3%	83.3% #D299CE	RGB 210 153 206	#D299CE
100.0%	100.0% #CF8DCC	RGB 207 141 204	#CF8DCC

#E2DAE1 #DECCDC #DBBFD8 #D8B2D5 #D5A5D1 #D299CE #CF8DCC

#E2DAE1 - #D8B2D5 - #CF8DCC

CSS codes

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

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