#DFA2D4 - #FAEFEF | 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 #DFA2D4 to #FAEFEF

#DFA2D4 #FAEFEF

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

#DFA2D4 - #FAEFEF | 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 #DFA2D4 as 0% and #FAEFEF as 100%.

0.0%	0.0% #DFA2D4	RGB 223 162 212	#DFA2D4
16.7%	16.7% #E3AED8	RGB 227 174 216	#E3AED8
33.3%	33.3% #E8BBDD	RGB 232 187 221	#E8BBDD
50.0%	50.0% #ECC8E1	RGB 236 200 225	#ECC8E1
66.7%	66.7% #F1D5E6	RGB 241 213 230	#F1D5E6
83.3%	83.3% #F5E2EA	RGB 245 226 234	#F5E2EA
100.0%	100.0% #FAEFEF	RGB 250 239 239	#FAEFEF

#DFA2D4 #E3AED8 #E8BBDD #ECC8E1 #F1D5E6 #F5E2EA #FAEFEF

#DFA2D4 - #FAEFEF

HSV Blend

#DFA2D4 - #FAEFEF | 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 #DFA2D4 as 0% and #FAEFEF as 100%.

0.0%	0.0% #DFA2D4	RGB 223 162 212	#DFA2D4
16.7%	16.7% #E3ADD2	RGB 227 173 210	#E3ADD2
33.3%	33.3% #E8BAD3	RGB 232 186 211	#E8BAD3
50.0%	50.0% #ECC6D6	RGB 236 198 214	#ECC6D6
66.7%	66.7% #F1D3DB	RGB 241 211 219	#F1D3DB
83.3%	83.3% #F5E1E4	RGB 245 225 228	#F5E1E4
100.0%	100.0% #FAEFEF	RGB 250 239 239	#FAEFEF

#DFA2D4 #E3ADD2 #E8BAD3 #ECC6D6 #F1D3DB #F5E1E4 #FAEFEF

#DFA2D4 - #ECC6D6 - #FAEFEF

CSS codes

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

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