#DFC1DF - #FFECD3 | 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 #DFC1DF to #FFECD3

#DFC1DF #FFECD3

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

#DFC1DF - #FFECD3 | 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 #DFC1DF as 0% and #FFECD3 as 100%.

0.0%	0.0% #DFC1DF	RGB 223 193 223	#DFC1DF
16.7%	16.7% #E4C8DD	RGB 228 200 221	#E4C8DD
33.3%	33.3% #E9CFDB	RGB 233 207 219	#E9CFDB
50.0%	50.0% #EFD6D9	RGB 239 214 217	#EFD6D9
66.7%	66.7% #F4DDD7	RGB 244 221 215	#F4DDD7
83.3%	83.3% #F9E4D5	RGB 249 228 213	#F9E4D5
100.0%	100.0% #FFECD3	RGB 255 236 211	#FFECD3

#DFC1DF #E4C8DD #E9CFDB #EFD6D9 #F4DDD7 #F9E4D5 #FFECD3

#DFC1DF - #FFECD3

HSV Blend

#DFC1DF - #FFECD3 | 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 #DFC1DF as 0% and #FFECD3 as 100%.

0.0%	0.0% #DFC1DF	RGB 223 193 223	#DFC1DF
16.7%	16.7% #E4C4DB	RGB 228 196 219	#E4C4DB
33.3%	33.3% #E9C7D7	RGB 233 199 215	#E9C7D7
50.0%	50.0% #EFCAD2	RGB 239 202 210	#EFCAD2
66.7%	66.7% #F4CFCD	RGB 244 207 205	#F4CFCD
83.3%	83.3% #F9DCD0	RGB 249 220 208	#F9DCD0
100.0%	100.0% #FFECD3	RGB 255 236 211	#FFECD3

#DFC1DF #E4C4DB #E9C7D7 #EFCAD2 #F4CFCD #F9DCD0 #FFECD3

#DFC1DF - #EFCAD2 - #FFECD3

CSS codes

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

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