#E2DADE - #CF8DAD | 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 #E2DADE to #CF8DAD

#E2DADE #CF8DAD

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

#E2DADE - #CF8DAD | 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 #E2DADE as 0% and #CF8DAD as 100%.

0.0%	0.0% #E2DADE	RGB 226 218 222	#E2DADE
16.7%	16.7% #DECDD5	RGB 222 205 213	#DECDD5
33.3%	33.3% #DBC0CD	RGB 219 192 205	#DBC0CD
50.0%	50.0% #D8B3C5	RGB 216 179 197	#D8B3C5
66.7%	66.7% #D5A6BD	RGB 213 166 189	#D5A6BD
83.3%	83.3% #D299B5	RGB 210 153 181	#D299B5
100.0%	100.0% #CF8DAD	RGB 207 141 173	#CF8DAD

#E2DADE #DECDD5 #DBC0CD #D8B3C5 #D5A6BD #D299B5 #CF8DAD

#E2DADE - #CF8DAD

HSV Blend

#E2DADE - #CF8DAD | 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 #E2DADE as 0% and #CF8DAD as 100%.

0.0%	0.0% #E2DADE	RGB 226 218 222	#E2DADE
16.7%	16.7% #DECCD5	RGB 222 204 213	#DECCD5
33.3%	33.3% #DBBFCD	RGB 219 191 205	#DBBFCD
50.0%	50.0% #D8B2C5	RGB 216 178 197	#D8B2C5
66.7%	66.7% #D5A5BC	RGB 213 165 188	#D5A5BC
83.3%	83.3% #D299B4	RGB 210 153 180	#D299B4
100.0%	100.0% #CF8DAD	RGB 207 141 173	#CF8DAD

#E2DADE #DECCD5 #DBBFCD #D8B2C5 #D5A5BC #D299B4 #CF8DAD

#E2DADE - #D8B2C5 - #CF8DAD

CSS codes

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

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