#DF9FCD - #FAECE8 | 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 #DF9FCD to #FAECE8

#DF9FCD #FAECE8

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

#DF9FCD - #FAECE8 | 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 #DF9FCD as 0% and #FAECE8 as 100%.

0.0%	0.0% #DF9FCD	RGB 223 159 205	#DF9FCD
16.7%	16.7% #E3ABD1	RGB 227 171 209	#E3ABD1
33.3%	33.3% #E8B8D6	RGB 232 184 214	#E8B8D6
50.0%	50.0% #ECC5DA	RGB 236 197 218	#ECC5DA
66.7%	66.7% #F1D2DF	RGB 241 210 223	#F1D2DF
83.3%	83.3% #F5DFE3	RGB 245 223 227	#F5DFE3
100.0%	100.0% #FAECE8	RGB 250 236 232	#FAECE8

#DF9FCD #E3ABD1 #E8B8D6 #ECC5DA #F1D2DF #F5DFE3 #FAECE8

#DF9FCD - #FAECE8

HSV Blend

#DF9FCD - #FAECE8 | 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 #DF9FCD as 0% and #FAECE8 as 100%.

0.0%	0.0% #DF9FCD	RGB 223 159 205	#DF9FCD
16.7%	16.7% #E3AACA	RGB 227 170 202	#E3AACA
33.3%	33.3% #E8B6CA	RGB 232 182 202	#E8B6CA
50.0%	50.0% #ECC2CC	RGB 236 194 204	#ECC2CC
66.7%	66.7% #F1CED1	RGB 241 206 209	#F1CED1
83.3%	83.3% #F5DCDB	RGB 245 220 219	#F5DCDB
100.0%	100.0% #FAECE8	RGB 250 236 232	#FAECE8

#DF9FCD #E3AACA #E8B6CA #ECC2CC #F1CED1 #F5DCDB #FAECE8

#DF9FCD - #ECC2CC - #FAECE8

CSS codes

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

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