#FCDCE1 - #EA8F94 | 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 #FCDCE1 to #EA8F94

#FCDCE1 #EA8F94

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

#FCDCE1 - #EA8F94 | 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 #FCDCE1 as 0% and #EA8F94 as 100%.

0.0%	0.0% #FCDCE1	RGB 252 220 225	#FCDCE1
16.7%	16.7% #F9CFD4	RGB 249 207 212	#F9CFD4
33.3%	33.3% #F6C2C7	RGB 246 194 199	#F6C2C7
50.0%	50.0% #F3B5BA	RGB 243 181 186	#F3B5BA
66.7%	66.7% #F0A8AD	RGB 240 168 173	#F0A8AD
83.3%	83.3% #ED9BA0	RGB 237 155 160	#ED9BA0
100.0%	100.0% #EA8F94	RGB 234 143 148	#EA8F94

#FCDCE1 #F9CFD4 #F6C2C7 #F3B5BA #F0A8AD #ED9BA0 #EA8F94

#FCDCE1 - #EA8F94

HSV Blend

#FCDCE1 - #EA8F94 | 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 #FCDCE1 as 0% and #EA8F94 as 100%.

0.0%	0.0% #FCDCE1	RGB 252 220 225	#FCDCE1
16.7%	16.7% #F9CED4	RGB 249 206 212	#F9CED4
33.3%	33.3% #F6C1C7	RGB 246 193 199	#F6C1C7
50.0%	50.0% #F3B4BA	RGB 243 180 186	#F3B4BA
66.7%	66.7% #F0A7AE	RGB 240 167 174	#F0A7AE
83.3%	83.3% #ED9BA1	RGB 237 155 161	#ED9BA1
100.0%	100.0% #EA8F94	RGB 234 143 148	#EA8F94

#FCDCE1 #F9CED4 #F6C1C7 #F3B4BA #F0A7AE #ED9BA1 #EA8F94

#FCDCE1 - #F3B4BA - #EA8F94

CSS codes

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

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