#FDBDD2 - #FEECF2 | 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 #FDBDD2 to #FEECF2

#FDBDD2 #FEECF2

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

#FDBDD2 - #FEECF2 | 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 #FDBDD2 as 0% and #FEECF2 as 100%.

0.0%	0.0% #FDBDD2	RGB 253 189 210	#FDBDD2
16.7%	16.7% #FDC4D7	RGB 253 196 215	#FDC4D7
33.3%	33.3% #FDCCDC	RGB 253 204 220	#FDCCDC
50.0%	50.0% #FDD4E2	RGB 253 212 226	#FDD4E2
66.7%	66.7% #FDDCE7	RGB 253 220 231	#FDDCE7
83.3%	83.3% #FDE4EC	RGB 253 228 236	#FDE4EC
100.0%	100.0% #FEECF2	RGB 254 236 242	#FEECF2

#FDBDD2 #FDC4D7 #FDCCDC #FDD4E2 #FDDCE7 #FDE4EC #FEECF2

#FDBDD2 - #FEECF2

HSV Blend

#FDBDD2 - #FEECF2 | 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 #FDBDD2 as 0% and #FEECF2 as 100%.

0.0%	0.0% #FDBDD2	RGB 253 189 210	#FDBDD2
16.7%	16.7% #FDC4D7	RGB 253 196 215	#FDC4D7
33.3%	33.3% #FDCCDC	RGB 253 204 220	#FDCCDC
50.0%	50.0% #FDD4E2	RGB 253 212 226	#FDD4E2
66.7%	66.7% #FDDCE7	RGB 253 220 231	#FDDCE7
83.3%	83.3% #FDE4EC	RGB 253 228 236	#FDE4EC
100.0%	100.0% #FEECF2	RGB 254 236 242	#FEECF2

#FDBDD2 #FDC4D7 #FDCCDC #FDD4E2 #FDDCE7 #FDE4EC #FEECF2

#FDBDD2 - #FDD4E2 - #FEECF2

CSS codes

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

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