#FCD9F2 - #DE7DB4 | 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 #FCD9F2 to #DE7DB4

#FCD9F2 #DE7DB4

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

#FCD9F2 - #DE7DB4 | 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 #FCD9F2 as 0% and #DE7DB4 as 100%.

0.0%	0.0% #FCD9F2	RGB 252 217 242	#FCD9F2
16.7%	16.7% #F7C9E7	RGB 247 201 231	#F7C9E7
33.3%	33.3% #F2BADD	RGB 242 186 221	#F2BADD
50.0%	50.0% #EDABD3	RGB 237 171 211	#EDABD3
66.7%	66.7% #E89BC8	RGB 232 155 200	#E89BC8
83.3%	83.3% #E38CBE	RGB 227 140 190	#E38CBE
100.0%	100.0% #DE7DB4	RGB 222 125 180	#DE7DB4

#FCD9F2 #F7C9E7 #F2BADD #EDABD3 #E89BC8 #E38CBE #DE7DB4

#FCD9F2 - #DE7DB4

HSV Blend

#FCD9F2 - #DE7DB4 | 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 #FCD9F2 as 0% and #DE7DB4 as 100%.

0.0%	0.0% #FCD9F2	RGB 252 217 242	#FCD9F2
16.7%	16.7% #F7C8E8	RGB 247 200 232	#F7C8E8
33.3%	33.3% #F2B8DE	RGB 242 184 222	#F2B8DE
50.0%	50.0% #EDA8D4	RGB 237 168 212	#EDA8D4
66.7%	66.7% #E899C9	RGB 232 153 201	#E899C9
83.3%	83.3% #E38BBF	RGB 227 139 191	#E38BBF
100.0%	100.0% #DE7DB4	RGB 222 125 180	#DE7DB4

#FCD9F2 #F7C8E8 #F2B8DE #EDA8D4 #E899C9 #E38BBF #DE7DB4

#FCD9F2 - #EDA8D4 - #DE7DB4

CSS codes

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

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