#FDCCD4 - #FEF0F2 | 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 #FDCCD4 to #FEF0F2

#FDCCD4 #FEF0F2

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

#FDCCD4 - #FEF0F2 | 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 #FDCCD4 as 0% and #FEF0F2 as 100%.

0.0%	0.0% #FDCCD4	RGB 253 204 212	#FDCCD4
16.7%	16.7% #FDD2D9	RGB 253 210 217	#FDD2D9
33.3%	33.3% #FDD8DE	RGB 253 216 222	#FDD8DE
50.0%	50.0% #FDDEE3	RGB 253 222 227	#FDDEE3
66.7%	66.7% #FDE4E8	RGB 253 228 232	#FDE4E8
83.3%	83.3% #FDEAED	RGB 253 234 237	#FDEAED
100.0%	100.0% #FEF0F2	RGB 254 240 242	#FEF0F2

#FDCCD4 #FDD2D9 #FDD8DE #FDDEE3 #FDE4E8 #FDEAED #FEF0F2

#FDCCD4 - #FEF0F2

HSV Blend

#FDCCD4 - #FEF0F2 | 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 #FDCCD4 as 0% and #FEF0F2 as 100%.

0.0%	0.0% #FDCCD4	RGB 253 204 212	#FDCCD4
16.7%	16.7% #FDD1D8	RGB 253 209 216	#FDD1D8
33.3%	33.3% #FDD7DD	RGB 253 215 221	#FDD7DD
50.0%	50.0% #FDDDE2	RGB 253 221 226	#FDDDE2
66.7%	66.7% #FDE3E7	RGB 253 227 231	#FDE3E7
83.3%	83.3% #FDE9EC	RGB 253 233 236	#FDE9EC
100.0%	100.0% #FEF0F2	RGB 254 240 242	#FEF0F2

#FDCCD4 #FDD1D8 #FDD7DD #FDDDE2 #FDE3E7 #FDE9EC #FEF0F2

#FDCCD4 - #FDDDE2 - #FEF0F2

CSS codes

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

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