#FCCCC2 - #FEEFED | 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 #FCCCC2 to #FEEFED

#FCCCC2 #FEEFED

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

#FCCCC2 - #FEEFED | 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 #FCCCC2 as 0% and #FEEFED as 100%.

0.0%	0.0% #FCCCC2	RGB 252 204 194	#FCCCC2
16.7%	16.7% #FCD1C9	RGB 252 209 201	#FCD1C9
33.3%	33.3% #FCD7D0	RGB 252 215 208	#FCD7D0
50.0%	50.0% #FDDDD7	RGB 253 221 215	#FDDDD7
66.7%	66.7% #FDE3DE	RGB 253 227 222	#FDE3DE
83.3%	83.3% #FDE9E5	RGB 253 233 229	#FDE9E5
100.0%	100.0% #FEEFED	RGB 254 239 237	#FEEFED

#FCCCC2 #FCD1C9 #FCD7D0 #FDDDD7 #FDE3DE #FDE9E5 #FEEFED

#FCCCC2 - #FEEFED

HSV Blend

#FCCCC2 - #FEEFED | 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 #FCCCC2 as 0% and #FEEFED as 100%.

0.0%	0.0% #FCCCC2	RGB 252 204 194	#FCCCC2
16.7%	16.7% #FCD1C9	RGB 252 209 201	#FCD1C9
33.3%	33.3% #FCD7D0	RGB 252 215 208	#FCD7D0
50.0%	50.0% #FDDCD7	RGB 253 220 215	#FDDCD7
66.7%	66.7% #FDE2DE	RGB 253 226 222	#FDE2DE
83.3%	83.3% #FDE8E5	RGB 253 232 229	#FDE8E5
100.0%	100.0% #FEEFED	RGB 254 239 237	#FEEFED

#FCCCC2 #FCD1C9 #FCD7D0 #FDDCD7 #FDE2DE #FDE8E5 #FEEFED

#FCCCC2 - #FDDCD7 - #FEEFED

CSS codes

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

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