#EEDAE7 - #CD8CAC | 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 #EEDAE7 to #CD8CAC

#EEDAE7 #CD8CAC

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

#EEDAE7 - #CD8CAC | 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 #EEDAE7 as 0% and #CD8CAC as 100%.

0.0%	0.0% #EEDAE7	RGB 238 218 231	#EEDAE7
16.7%	16.7% #E8CDDD	RGB 232 205 221	#E8CDDD
33.3%	33.3% #E3C0D3	RGB 227 192 211	#E3C0D3
50.0%	50.0% #DDB3C9	RGB 221 179 201	#DDB3C9
66.7%	66.7% #D8A6BF	RGB 216 166 191	#D8A6BF
83.3%	83.3% #D299B5	RGB 210 153 181	#D299B5
100.0%	100.0% #CD8CAC	RGB 205 140 172	#CD8CAC

#EEDAE7 #E8CDDD #E3C0D3 #DDB3C9 #D8A6BF #D299B5 #CD8CAC

#EEDAE7 - #CD8CAC

HSV Blend

#EEDAE7 - #CD8CAC | 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 #EEDAE7 as 0% and #CD8CAC as 100%.

0.0%	0.0% #EEDAE7	RGB 238 218 231	#EEDAE7
16.7%	16.7% #E8CBDD	RGB 232 203 221	#E8CBDD
33.3%	33.3% #E3BED4	RGB 227 190 212	#E3BED4
50.0%	50.0% #DDB1CA	RGB 221 177 202	#DDB1CA
66.7%	66.7% #D8A4C0	RGB 216 164 192	#D8A4C0
83.3%	83.3% #D297B6	RGB 210 151 182	#D297B6
100.0%	100.0% #CD8CAC	RGB 205 140 172	#CD8CAC

#EEDAE7 #E8CBDD #E3BED4 #DDB1CA #D8A4C0 #D297B6 #CD8CAC

#EEDAE7 - #DDB1CA - #CD8CAC

CSS codes

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

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