#EED5E1 - #C7809D | 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 #EED5E1 to #C7809D

#EED5E1 #C7809D

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

#EED5E1 - #C7809D | 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 #EED5E1 as 0% and #C7809D as 100%.

0.0%	0.0% #EED5E1	RGB 238 213 225	#EED5E1
16.7%	16.7% #E7C6D5	RGB 231 198 213	#E7C6D5
33.3%	33.3% #E1B8CA	RGB 225 184 202	#E1B8CA
50.0%	50.0% #DAAABF	RGB 218 170 191	#DAAABF
66.7%	66.7% #D49CB3	RGB 212 156 179	#D49CB3
83.3%	83.3% #CD8EA8	RGB 205 142 168	#CD8EA8
100.0%	100.0% #C7809D	RGB 199 128 157	#C7809D

#EED5E1 #E7C6D5 #E1B8CA #DAAABF #D49CB3 #CD8EA8 #C7809D

#EED5E1 - #C7809D

HSV Blend

#EED5E1 - #C7809D | 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 #EED5E1 as 0% and #C7809D as 100%.

0.0%	0.0% #EED5E1	RGB 238 213 225	#EED5E1
16.7%	16.7% #E7C5D5	RGB 231 197 213	#E7C5D5
33.3%	33.3% #E1B6C9	RGB 225 182 201	#E1B6C9
50.0%	50.0% #DAA8BE	RGB 218 168 190	#DAA8BE
66.7%	66.7% #D49AB3	RGB 212 154 179	#D49AB3
83.3%	83.3% #CD8CA8	RGB 205 140 168	#CD8CA8
100.0%	100.0% #C7809D	RGB 199 128 157	#C7809D

#EED5E1 #E7C5D5 #E1B6C9 #DAA8BE #D49AB3 #CD8CA8 #C7809D

#EED5E1 - #DAA8BE - #C7809D

CSS codes

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

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