#E5DAE2 - #CF8DBC | 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 #E5DAE2 to #CF8DBC

#E5DAE2 #CF8DBC

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

#E5DAE2 - #CF8DBC | 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 #E5DAE2 as 0% and #CF8DBC as 100%.

0.0%	0.0% #E5DAE2	RGB 229 218 226	#E5DAE2
16.7%	16.7% #E1CDDB	RGB 225 205 219	#E1CDDB
33.3%	33.3% #DDC0D5	RGB 221 192 213	#DDC0D5
50.0%	50.0% #DAB3CF	RGB 218 179 207	#DAB3CF
66.7%	66.7% #D6A6C8	RGB 214 166 200	#D6A6C8
83.3%	83.3% #D299C2	RGB 210 153 194	#D299C2
100.0%	100.0% #CF8DBC	RGB 207 141 188	#CF8DBC

#E5DAE2 #E1CDDB #DDC0D5 #DAB3CF #D6A6C8 #D299C2 #CF8DBC

#E5DAE2 - #CF8DBC

HSV Blend

#E5DAE2 - #CF8DBC | 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 #E5DAE2 as 0% and #CF8DBC as 100%.

0.0%	0.0% #E5DAE2	RGB 229 218 226	#E5DAE2
16.7%	16.7% #E1CCDB	RGB 225 204 219	#E1CCDB
33.3%	33.3% #DDBFD5	RGB 221 191 213	#DDBFD5
50.0%	50.0% #DAB2CE	RGB 218 178 206	#DAB2CE
66.7%	66.7% #D6A5C8	RGB 214 165 200	#D6A5C8
83.3%	83.3% #D299C2	RGB 210 153 194	#D299C2
100.0%	100.0% #CF8DBC	RGB 207 141 188	#CF8DBC

#E5DAE2 #E1CCDB #DDBFD5 #DAB2CE #D6A5C8 #D299C2 #CF8DBC

#E5DAE2 - #DAB2CE - #CF8DBC

CSS codes

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

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