#EAC2E2 - #FFDAF5 | 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 #EAC2E2 to #FFDAF5

#EAC2E2 #FFDAF5

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

#EAC2E2 - #FFDAF5 | 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 #EAC2E2 as 0% and #FFDAF5 as 100%.

0.0%	0.0% #EAC2E2	RGB 234 194 226	#EAC2E2
16.7%	16.7% #EDC6E5	RGB 237 198 229	#EDC6E5
33.3%	33.3% #F1CAE8	RGB 241 202 232	#F1CAE8
50.0%	50.0% #F4CEEB	RGB 244 206 235	#F4CEEB
66.7%	66.7% #F8D2EE	RGB 248 210 238	#F8D2EE
83.3%	83.3% #FBD6F1	RGB 251 214 241	#FBD6F1
100.0%	100.0% #FFDAF5	RGB 255 218 245	#FFDAF5

#EAC2E2 #EDC6E5 #F1CAE8 #F4CEEB #F8D2EE #FBD6F1 #FFDAF5

#EAC2E2 - #FFDAF5

HSV Blend

#EAC2E2 - #FFDAF5 | 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 #EAC2E2 as 0% and #FFDAF5 as 100%.

0.0%	0.0% #EAC2E2	RGB 234 194 226	#EAC2E2
16.7%	16.7% #EDC5E5	RGB 237 197 229	#EDC5E5
33.3%	33.3% #F1C9E8	RGB 241 201 232	#F1C9E8
50.0%	50.0% #F4CDEB	RGB 244 205 235	#F4CDEB
66.7%	66.7% #F8D1EE	RGB 248 209 238	#F8D1EE
83.3%	83.3% #FBD5F1	RGB 251 213 241	#FBD5F1
100.0%	100.0% #FFDAF5	RGB 255 218 245	#FFDAF5

#EAC2E2 #EDC5E5 #F1C9E8 #F4CDEB #F8D1EE #FBD5F1 #FFDAF5

#EAC2E2 - #F4CDEB - #FFDAF5

CSS codes

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

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