#DFA3C9 - #F5E4EE | 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 #DFA3C9 to #F5E4EE

#DFA3C9 #F5E4EE

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

#DFA3C9 - #F5E4EE | 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 #DFA3C9 as 0% and #F5E4EE as 100%.

0.0%	0.0% #DFA3C9	RGB 223 163 201	#DFA3C9
16.7%	16.7% #E2ADCF	RGB 226 173 207	#E2ADCF
33.3%	33.3% #E6B8D5	RGB 230 184 213	#E6B8D5
50.0%	50.0% #EAC3DB	RGB 234 195 219	#EAC3DB
66.7%	66.7% #EDCEE1	RGB 237 206 225	#EDCEE1
83.3%	83.3% #F1D9E7	RGB 241 217 231	#F1D9E7
100.0%	100.0% #F5E4EE	RGB 245 228 238	#F5E4EE

#DFA3C9 #E2ADCF #E6B8D5 #EAC3DB #EDCEE1 #F1D9E7 #F5E4EE

#DFA3C9 - #F5E4EE

HSV Blend

#DFA3C9 - #F5E4EE | 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 #DFA3C9 as 0% and #F5E4EE as 100%.

0.0%	0.0% #DFA3C9	RGB 223 163 201	#DFA3C9
16.7%	16.7% #E2ADCE	RGB 226 173 206	#E2ADCE
33.3%	33.3% #E6B7D4	RGB 230 183 212	#E6B7D4
50.0%	50.0% #EAC2DA	RGB 234 194 218	#EAC2DA
66.7%	66.7% #EDCDE0	RGB 237 205 224	#EDCDE0
83.3%	83.3% #F1D8E7	RGB 241 216 231	#F1D8E7
100.0%	100.0% #F5E4EE	RGB 245 228 238	#F5E4EE

#DFA3C9 #E2ADCE #E6B7D4 #EAC2DA #EDCDE0 #F1D8E7 #F5E4EE

#DFA3C9 - #EAC2DA - #F5E4EE

CSS codes

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

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