#FDF9FB - #DCBAC0 | 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 #FDF9FB to #DCBAC0

#FDF9FB #DCBAC0

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

#FDF9FB - #DCBAC0 | 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 #FDF9FB as 0% and #DCBAC0 as 100%.

0.0%	0.0% #FDF9FB	RGB 253 249 251	#FDF9FB
16.7%	16.7% #F7EEF1	RGB 247 238 241	#F7EEF1
33.3%	33.3% #F2E4E7	RGB 242 228 231	#F2E4E7
50.0%	50.0% #ECD9DD	RGB 236 217 221	#ECD9DD
66.7%	66.7% #E7CFD3	RGB 231 207 211	#E7CFD3
83.3%	83.3% #E1C4C9	RGB 225 196 201	#E1C4C9
100.0%	100.0% #DCBAC0	RGB 220 186 192	#DCBAC0

#FDF9FB #F7EEF1 #F2E4E7 #ECD9DD #E7CFD3 #E1C4C9 #DCBAC0

#FDF9FB - #DCBAC0

HSV Blend

#FDF9FB - #DCBAC0 | 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 #FDF9FB as 0% and #DCBAC0 as 100%.

0.0%	0.0% #FDF9FB	RGB 253 249 251	#FDF9FB
16.7%	16.7% #F7EDF2	RGB 247 237 242	#F7EDF2
33.3%	33.3% #F2E2E8	RGB 242 226 232	#F2E2E8
50.0%	50.0% #ECD8DF	RGB 236 216 223	#ECD8DF
66.7%	66.7% #E7CDD5	RGB 231 205 213	#E7CDD5
83.3%	83.3% #E1C3CA	RGB 225 195 202	#E1C3CA
100.0%	100.0% #DCBAC0	RGB 220 186 192	#DCBAC0

#FDF9FB #F7EDF2 #F2E2E8 #ECD8DF #E7CDD5 #E1C3CA #DCBAC0

#FDF9FB - #ECD8DF - #DCBAC0

CSS codes

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

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