#DFD5DB - #FFF7EC | 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 #DFD5DB to #FFF7EC

#DFD5DB #FFF7EC

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

#DFD5DB - #FFF7EC | 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 #DFD5DB as 0% and #FFF7EC as 100%.

0.0%	0.0% #DFD5DB	RGB 223 213 219	#DFD5DB
16.7%	16.7% #E4DADD	RGB 228 218 221	#E4DADD
33.3%	33.3% #E9E0E0	RGB 233 224 224	#E9E0E0
50.0%	50.0% #EFE6E3	RGB 239 230 227	#EFE6E3
66.7%	66.7% #F4EBE6	RGB 244 235 230	#F4EBE6
83.3%	83.3% #F9F1E9	RGB 249 241 233	#F9F1E9
100.0%	100.0% #FFF7EC	RGB 255 247 236	#FFF7EC

#DFD5DB #E4DADD #E9E0E0 #EFE6E3 #F4EBE6 #F9F1E9 #FFF7EC

#DFD5DB - #FFF7EC

HSV Blend

#DFD5DB - #FFF7EC | 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 #DFD5DB as 0% and #FFF7EC as 100%.

0.0%	0.0% #DFD5DB	RGB 223 213 219	#DFD5DB
16.7%	16.7% #E4D8DD	RGB 228 216 221	#E4D8DD
33.3%	33.3% #E9DCDF	RGB 233 220 223	#E9DCDF
50.0%	50.0% #EFE0E0	RGB 239 224 224	#EFE0E0
66.7%	66.7% #F4E7E4	RGB 244 231 228	#F4E7E4
83.3%	83.3% #F9EEE8	RGB 249 238 232	#F9EEE8
100.0%	100.0% #FFF7EC	RGB 255 247 236	#FFF7EC

#DFD5DB #E4D8DD #E9DCDF #EFE0E0 #F4E7E4 #F9EEE8 #FFF7EC

#DFD5DB - #EFE0E0 - #FFF7EC

CSS codes

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

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