#E2B5D1 - #F6E9F1 | 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 #E2B5D1 to #F6E9F1

#E2B5D1 #F6E9F1

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

#E2B5D1 - #F6E9F1 | 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 #E2B5D1 as 0% and #F6E9F1 as 100%.

0.0%	0.0% #E2B5D1	RGB 226 181 209	#E2B5D1
16.7%	16.7% #E5BDD6	RGB 229 189 214	#E5BDD6
33.3%	33.3% #E8C6DB	RGB 232 198 219	#E8C6DB
50.0%	50.0% #ECCFE1	RGB 236 207 225	#ECCFE1
66.7%	66.7% #EFD7E6	RGB 239 215 230	#EFD7E6
83.3%	83.3% #F2E0EB	RGB 242 224 235	#F2E0EB
100.0%	100.0% #F6E9F1	RGB 246 233 241	#F6E9F1

#E2B5D1 #E5BDD6 #E8C6DB #ECCFE1 #EFD7E6 #F2E0EB #F6E9F1

#E2B5D1 - #F6E9F1

HSV Blend

#E2B5D1 - #F6E9F1 | 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 #E2B5D1 as 0% and #F6E9F1 as 100%.

0.0%	0.0% #E2B5D1	RGB 226 181 209	#E2B5D1
16.7%	16.7% #E5BDD6	RGB 229 189 214	#E5BDD6
33.3%	33.3% #E8C5DB	RGB 232 197 219	#E8C5DB
50.0%	50.0% #ECCEE0	RGB 236 206 224	#ECCEE0
66.7%	66.7% #EFD7E6	RGB 239 215 230	#EFD7E6
83.3%	83.3% #F2DFEB	RGB 242 223 235	#F2DFEB
100.0%	100.0% #F6E9F1	RGB 246 233 241	#F6E9F1

#E2B5D1 #E5BDD6 #E8C5DB #ECCEE0 #EFD7E6 #F2DFEB #F6E9F1

#E2B5D1 - #ECCEE0 - #F6E9F1

CSS codes

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

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