#EAC1DB - #FEEDE4 | 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 #EAC1DB to #FEEDE4

#EAC1DB #FEEDE4

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

#EAC1DB - #FEEDE4 | 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 #EAC1DB as 0% and #FEEDE4 as 100%.

0.0%	0.0% #EAC1DB	RGB 234 193 219	#EAC1DB
16.7%	16.7% #EDC8DC	RGB 237 200 220	#EDC8DC
33.3%	33.3% #F0CFDE	RGB 240 207 222	#F0CFDE
50.0%	50.0% #F4D7DF	RGB 244 215 223	#F4D7DF
66.7%	66.7% #F7DEE1	RGB 247 222 225	#F7DEE1
83.3%	83.3% #FAE5E2	RGB 250 229 226	#FAE5E2
100.0%	100.0% #FEEDE4	RGB 254 237 228	#FEEDE4

#EAC1DB #EDC8DC #F0CFDE #F4D7DF #F7DEE1 #FAE5E2 #FEEDE4

#EAC1DB - #FEEDE4

HSV Blend

#EAC1DB - #FEEDE4 | 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 #EAC1DB as 0% and #FEEDE4 as 100%.

0.0%	0.0% #EAC1DB	RGB 234 193 219	#EAC1DB
16.7%	16.7% #EDC6D8	RGB 237 198 216	#EDC6D8
33.3%	33.3% #F0CCD7	RGB 240 204 215	#F0CCD7
50.0%	50.0% #F4D2D7	RGB 244 210 215	#F4D2D7
66.7%	66.7% #F7D8D8	RGB 247 216 216	#F7D8D8
83.3%	83.3% #FAE3DD	RGB 250 227 221	#FAE3DD
100.0%	100.0% #FEEDE4	RGB 254 237 228	#FEEDE4

#EAC1DB #EDC6D8 #F0CCD7 #F4D2D7 #F7D8D8 #FAE3DD #FEEDE4

#EAC1DB - #F4D2D7 - #FEEDE4

CSS codes

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

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