#FEC7CC - #FEEFF0 | 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 #FEC7CC to #FEEFF0

#FEC7CC #FEEFF0

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

#FEC7CC - #FEEFF0 | 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 #FEC7CC as 0% and #FEEFF0 as 100%.

0.0%	0.0% #FEC7CC	RGB 254 199 204	#FEC7CC
16.7%	16.7% #FECDD2	RGB 254 205 210	#FECDD2
33.3%	33.3% #FED4D8	RGB 254 212 216	#FED4D8
50.0%	50.0% #FEDBDE	RGB 254 219 222	#FEDBDE
66.7%	66.7% #FEE1E4	RGB 254 225 228	#FEE1E4
83.3%	83.3% #FEE8EA	RGB 254 232 234	#FEE8EA
100.0%	100.0% #FEEFF0	RGB 254 239 240	#FEEFF0

#FEC7CC #FECDD2 #FED4D8 #FEDBDE #FEE1E4 #FEE8EA #FEEFF0

#FEC7CC - #FEEFF0

HSV Blend

#FEC7CC - #FEEFF0 | 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 #FEC7CC as 0% and #FEEFF0 as 100%.

0.0%	0.0% #FEC7CC	RGB 254 199 204	#FEC7CC
16.7%	16.7% #FECDD1	RGB 254 205 209	#FECDD1
33.3%	33.3% #FED4D7	RGB 254 212 215	#FED4D7
50.0%	50.0% #FEDBDD	RGB 254 219 221	#FEDBDD
66.7%	66.7% #FEE1E3	RGB 254 225 227	#FEE1E3
83.3%	83.3% #FEE8E9	RGB 254 232 233	#FEE8E9
100.0%	100.0% #FEEFF0	RGB 254 239 240	#FEEFF0

#FEC7CC #FECDD1 #FED4D7 #FEDBDD #FEE1E3 #FEE8E9 #FEEFF0

#FEC7CC - #FEDBDD - #FEEFF0

CSS codes

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

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