#DD80AF - #FCD9CC | 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 #DD80AF to #FCD9CC

#DD80AF #FCD9CC

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

#DD80AF - #FCD9CC | 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 #DD80AF as 0% and #FCD9CC as 100%.

0.0%	0.0% #DD80AF	RGB 221 128 175	#DD80AF
16.7%	16.7% #E28EB3	RGB 226 142 179	#E28EB3
33.3%	33.3% #E79DB8	RGB 231 157 184	#E79DB8
50.0%	50.0% #ECACBD	RGB 236 172 189	#ECACBD
66.7%	66.7% #F1BBC2	RGB 241 187 194	#F1BBC2
83.3%	83.3% #F6CAC7	RGB 246 202 199	#F6CAC7
100.0%	100.0% #FCD9CC	RGB 252 217 204	#FCD9CC

#DD80AF #E28EB3 #E79DB8 #ECACBD #F1BBC2 #F6CAC7 #FCD9CC

#DD80AF - #FCD9CC

HSV Blend

#DD80AF - #FCD9CC | 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 #DD80AF as 0% and #FCD9CC as 100%.

0.0%	0.0% #DD80AE	RGB 221 128 174	#DD80AE
16.7%	16.7% #E28BAC	RGB 226 139 172	#E28BAC
33.3%	33.3% #E797AB	RGB 231 151 171	#E797AB
50.0%	50.0% #ECA4AC	RGB 236 164 172	#ECA4AC
66.7%	66.7% #F1B1B1	RGB 241 177 177	#F1B1B1
83.3%	83.3% #F6C6BE	RGB 246 198 190	#F6C6BE
100.0%	100.0% #FCD9CC	RGB 252 217 204	#FCD9CC

#DD80AE #E28BAC #E797AB #ECA4AC #F1B1B1 #F6C6BE #FCD9CC

#DD80AF - #ECA4AC - #FCD9CC

CSS codes

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

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