#F1C7E8 - #E8DCEB | 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 #F1C7E8 to #E8DCEB

#F1C7E8 #E8DCEB

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

#F1C7E8 - #E8DCEB | 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 #F1C7E8 as 0% and #E8DCEB as 100%.

0.0%	0.0% #F1C7E8	RGB 241 199 232	#F1C7E8
16.7%	16.7% #EFCAE8	RGB 239 202 232	#EFCAE8
33.3%	33.3% #EECEE9	RGB 238 206 233	#EECEE9
50.0%	50.0% #ECD1E9	RGB 236 209 233	#ECD1E9
66.7%	66.7% #EBD5EA	RGB 235 213 234	#EBD5EA
83.3%	83.3% #E9D8EA	RGB 233 216 234	#E9D8EA
100.0%	100.0% #E8DCEB	RGB 232 220 235	#E8DCEB

#F1C7E8 #EFCAE8 #EECEE9 #ECD1E9 #EBD5EA #E9D8EA #E8DCEB

#F1C7E8 - #E8DCEB

HSV Blend

#F1C7E8 - #E8DCEB | 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 #F1C7E8 as 0% and #E8DCEB as 100%.

0.0%	0.0% #F1C7E8	RGB 241 199 232	#F1C7E8
16.7%	16.7% #F0CAEA	RGB 240 202 234	#F0CAEA
33.3%	33.3% #EFCEEC	RGB 239 206 236	#EFCEEC
50.0%	50.0% #EED1ED	RGB 238 209 237	#EED1ED
66.7%	66.7% #EBD5ED	RGB 235 213 237	#EBD5ED
83.3%	83.3% #E9D8EC	RGB 233 216 236	#E9D8EC
100.0%	100.0% #E8DCEB	RGB 232 220 235	#E8DCEB

#F1C7E8 #F0CAEA #EFCEEC #EED1ED #EBD5ED #E9D8EC #E8DCEB

#F1C7E8 - #EED1ED - #E8DCEB

CSS codes

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

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