#DF8DA5 - #FAECDB | 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 #DF8DA5 to #FAECDB

#DF8DA5 #FAECDB

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

#DF8DA5 - #FAECDB | 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 #DF8DA5 as 0% and #FAECDB as 100%.

0.0%	0.0% #DF8DA5	RGB 223 141 165	#DF8DA5
16.7%	16.7% #E39CAE	RGB 227 156 174	#E39CAE
33.3%	33.3% #E8ACB7	RGB 232 172 183	#E8ACB7
50.0%	50.0% #ECBCC0	RGB 236 188 192	#ECBCC0
66.7%	66.7% #F1CCC9	RGB 241 204 201	#F1CCC9
83.3%	83.3% #F5DCD2	RGB 245 220 210	#F5DCD2
100.0%	100.0% #FAECDB	RGB 250 236 219	#FAECDB

#DF8DA5 #E39CAE #E8ACB7 #ECBCC0 #F1CCC9 #F5DCD2 #FAECDB

#DF8DA5 - #FAECDB

HSV Blend

#DF8DA5 - #FAECDB | 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 #DF8DA5 as 0% and #FAECDB as 100%.

0.0%	0.0% #DF8DA5	RGB 223 141 165	#DF8DA5
16.7%	16.7% #E399A4	RGB 227 153 164	#E399A4
33.3%	33.3% #E8A5A6	RGB 232 165 166	#E8A5A6
50.0%	50.0% #ECB9B2	RGB 236 185 178	#ECB9B2
66.7%	66.7% #F1CCBF	RGB 241 204 191	#F1CCBF
83.3%	83.3% #F5DDCD	RGB 245 221 205	#F5DDCD
100.0%	100.0% #FAECDB	RGB 250 236 219	#FAECDB

#DF8DA5 #E399A4 #E8A5A6 #ECB9B2 #F1CCBF #F5DDCD #FAECDB

#DF8DA5 - #ECB9B2 - #FAECDB

CSS codes

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

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