#E5DAE1 - #CF8DBB | 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 #E5DAE1 to #CF8DBB

#E5DAE1 #CF8DBB

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

#E5DAE1 - #CF8DBB | 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 #E5DAE1 as 0% and #CF8DBB as 100%.

0.0%	0.0% #E5DAE1	RGB 229 218 225	#E5DAE1
16.7%	16.7% #E1CDDA	RGB 225 205 218	#E1CDDA
33.3%	33.3% #DDC0D4	RGB 221 192 212	#DDC0D4
50.0%	50.0% #DAB3CE	RGB 218 179 206	#DAB3CE
66.7%	66.7% #D6A6C7	RGB 214 166 199	#D6A6C7
83.3%	83.3% #D299C1	RGB 210 153 193	#D299C1
100.0%	100.0% #CF8DBB	RGB 207 141 187	#CF8DBB

#E5DAE1 #E1CDDA #DDC0D4 #DAB3CE #D6A6C7 #D299C1 #CF8DBB

#E5DAE1 - #CF8DBB

HSV Blend

#E5DAE1 - #CF8DBB | 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 #E5DAE1 as 0% and #CF8DBB as 100%.

0.0%	0.0% #E5DAE1	RGB 229 218 225	#E5DAE1
16.7%	16.7% #E1CCD9	RGB 225 204 217	#E1CCD9
33.3%	33.3% #DDBFD3	RGB 221 191 211	#DDBFD3
50.0%	50.0% #DAB2CC	RGB 218 178 204	#DAB2CC
66.7%	66.7% #D6A5C6	RGB 214 165 198	#D6A5C6
83.3%	83.3% #D299C0	RGB 210 153 192	#D299C0
100.0%	100.0% #CF8DBB	RGB 207 141 187	#CF8DBB

#E5DAE1 #E1CCD9 #DDBFD3 #DAB2CC #D6A5C6 #D299C0 #CF8DBB

#E5DAE1 - #DAB2CC - #CF8DBB

CSS codes

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

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