#EED5E8 - #CC7AA7 | 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 #EED5E8 to #CC7AA7

#EED5E8 #CC7AA7

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

#EED5E8 - #CC7AA7 | 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 #EED5E8 as 0% and #CC7AA7 as 100%.

0.0%	0.0% #EED5E8	RGB 238 213 232	#EED5E8
16.7%	16.7% #E8C5DD	RGB 232 197 221	#E8C5DD
33.3%	33.3% #E2B6D2	RGB 226 182 210	#E2B6D2
50.0%	50.0% #DDA7C7	RGB 221 167 199	#DDA7C7
66.7%	66.7% #D798BC	RGB 215 152 188	#D798BC
83.3%	83.3% #D189B1	RGB 209 137 177	#D189B1
100.0%	100.0% #CC7AA7	RGB 204 122 167	#CC7AA7

#EED5E8 #E8C5DD #E2B6D2 #DDA7C7 #D798BC #D189B1 #CC7AA7

#EED5E8 - #CC7AA7

HSV Blend

#EED5E8 - #CC7AA7 | 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 #EED5E8 as 0% and #CC7AA7 as 100%.

0.0%	0.0% #EED5E8	RGB 238 213 232	#EED5E8
16.7%	16.7% #E8C4DE	RGB 232 196 222	#E8C4DE
33.3%	33.3% #E2B4D4	RGB 226 180 212	#E2B4D4
50.0%	50.0% #DDA4C9	RGB 221 164 201	#DDA4C9
66.7%	66.7% #D796BE	RGB 215 150 190	#D796BE
83.3%	83.3% #D187B2	RGB 209 135 178	#D187B2
100.0%	100.0% #CC7AA7	RGB 204 122 167	#CC7AA7

#EED5E8 #E8C4DE #E2B4D4 #DDA4C9 #D796BE #D187B2 #CC7AA7

#EED5E8 - #DDA4C9 - #CC7AA7

CSS codes

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

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