#FEC4BF - #FEEDEC | 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 #FEC4BF to #FEEDEC

#FEC4BF #FEEDEC

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

#FEC4BF - #FEEDEC | 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 #FEC4BF as 0% and #FEEDEC as 100%.

0.0%	0.0% #FEC4BF	RGB 254 196 191	#FEC4BF
16.7%	16.7% #FECAC6	RGB 254 202 198	#FECAC6
33.3%	33.3% #FED1CE	RGB 254 209 206	#FED1CE
50.0%	50.0% #FED8D5	RGB 254 216 213	#FED8D5
66.7%	66.7% #FEDFDD	RGB 254 223 221	#FEDFDD
83.3%	83.3% #FEE6E4	RGB 254 230 228	#FEE6E4
100.0%	100.0% #FEEDEC	RGB 254 237 236	#FEEDEC

#FEC4BF #FECAC6 #FED1CE #FED8D5 #FEDFDD #FEE6E4 #FEEDEC

#FEC4BF - #FEEDEC

HSV Blend

#FEC4BF - #FEEDEC | 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 #FEC4BF as 0% and #FEEDEC as 100%.

0.0%	0.0% #FEC4BF	RGB 254 196 191	#FEC4BF
16.7%	16.7% #FECAC6	RGB 254 202 198	#FECAC6
33.3%	33.3% #FED1CE	RGB 254 209 206	#FED1CE
50.0%	50.0% #FED8D5	RGB 254 216 213	#FED8D5
66.7%	66.7% #FEDFDD	RGB 254 223 221	#FEDFDD
83.3%	83.3% #FEE6E4	RGB 254 230 228	#FEE6E4
100.0%	100.0% #FEEDEC	RGB 254 237 236	#FEEDEC

#FEC4BF #FECAC6 #FED1CE #FED8D5 #FEDFDD #FEE6E4 #FEEDEC

#FEC4BF - #FED8D5 - #FEEDEC

CSS codes

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

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