#DFD4C7 - #FFF4DC | 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 #DFD4C7 to #FFF4DC

#DFD4C7 #FFF4DC

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

#DFD4C7 - #FFF4DC | 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 #DFD4C7 as 0% and #FFF4DC as 100%.

0.0%	0.0% #DFD4C7	RGB 223 212 199	#DFD4C7
16.7%	16.7% #E4D9CA	RGB 228 217 202	#E4D9CA
33.3%	33.3% #E9DECE	RGB 233 222 206	#E9DECE
50.0%	50.0% #EFE4D1	RGB 239 228 209	#EFE4D1
66.7%	66.7% #F4E9D5	RGB 244 233 213	#F4E9D5
83.3%	83.3% #F9EED8	RGB 249 238 216	#F9EED8
100.0%	100.0% #FFF4DC	RGB 255 244 220	#FFF4DC

#DFD4C7 #E4D9CA #E9DECE #EFE4D1 #F4E9D5 #F9EED8 #FFF4DC

#DFD4C7 - #FFF4DC

HSV Blend

#DFD4C7 - #FFF4DC | 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 #DFD4C7 as 0% and #FFF4DC as 100%.

0.0%	0.0% #DFD4C7	RGB 223 212 199	#DFD4C7
16.7%	16.7% #E4D9CA	RGB 228 217 202	#E4D9CA
33.3%	33.3% #E9DECE	RGB 233 222 206	#E9DECE
50.0%	50.0% #EFE3D1	RGB 239 227 209	#EFE3D1
66.7%	66.7% #F4E9D5	RGB 244 233 213	#F4E9D5
83.3%	83.3% #F9EED8	RGB 249 238 216	#F9EED8
100.0%	100.0% #FFF4DC	RGB 255 244 220	#FFF4DC

#DFD4C7 #E4D9CA #E9DECE #EFE3D1 #F4E9D5 #F9EED8 #FFF4DC

#DFD4C7 - #EFE3D1 - #FFF4DC

CSS codes

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

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