#FEC8CC - #E4D6E9 | 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 #FEC8CC to #E4D6E9

#FEC8CC #E4D6E9

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

#FEC8CC - #E4D6E9 | 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 #FEC8CC as 0% and #E4D6E9 as 100%.

0.0%	0.0% #FEC8CC	RGB 254 200 204	#FEC8CC
16.7%	16.7% #F9CAD0	RGB 249 202 208	#F9CAD0
33.3%	33.3% #F5CCD5	RGB 245 204 213	#F5CCD5
50.0%	50.0% #F1CFDA	RGB 241 207 218	#F1CFDA
66.7%	66.7% #ECD1DF	RGB 236 209 223	#ECD1DF
83.3%	83.3% #E8D3E4	RGB 232 211 228	#E8D3E4
100.0%	100.0% #E4D6E9	RGB 228 214 233	#E4D6E9

#FEC8CC #F9CAD0 #F5CCD5 #F1CFDA #ECD1DF #E8D3E4 #E4D6E9

#FEC8CC - #E4D6E9

HSV Blend

#FEC8CC - #E4D6E9 | 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 #FEC8CC as 0% and #E4D6E9 as 100%.

0.0%	0.0% #FEC8CC	RGB 254 200 204	#FEC8CC
16.7%	16.7% #FACAD7	RGB 250 202 215	#FACAD7
33.3%	33.3% #F7CDE0	RGB 247 205 224	#F7CDE0
50.0%	50.0% #F3CFE7	RGB 243 207 231	#F3CFE7
66.7%	66.7% #F0D1EB	RGB 240 209 235	#F0D1EB
83.3%	83.3% #EAD4EC	RGB 234 212 236	#EAD4EC
100.0%	100.0% #E4D6E9	RGB 228 214 233	#E4D6E9

#FEC8CC #FACAD7 #F7CDE0 #F3CFE7 #F0D1EB #EAD4EC #E4D6E9

#FEC8CC - #F3CFE7 - #E4D6E9

CSS codes

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

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