#DFD2CB - #FFDCD9 | 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 #DFD2CB to #FFDCD9

#DFD2CB #FFDCD9

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

#DFD2CB - #FFDCD9 | 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 #DFD2CB as 0% and #FFDCD9 as 100%.

0.0%	0.0% #DFD2CB	RGB 223 210 203	#DFD2CB
16.7%	16.7% #E4D3CD	RGB 228 211 205	#E4D3CD
33.3%	33.3% #E9D5CF	RGB 233 213 207	#E9D5CF
50.0%	50.0% #EFD7D2	RGB 239 215 210	#EFD7D2
66.7%	66.7% #F4D8D4	RGB 244 216 212	#F4D8D4
83.3%	83.3% #F9DAD6	RGB 249 218 214	#F9DAD6
100.0%	100.0% #FFDCD9	RGB 255 220 217	#FFDCD9

#DFD2CB #E4D3CD #E9D5CF #EFD7D2 #F4D8D4 #F9DAD6 #FFDCD9

#DFD2CB - #FFDCD9

HSV Blend

#DFD2CB - #FFDCD9 | 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 #DFD2CB as 0% and #FFDCD9 as 100%.

0.0%	0.0% #DFD2CB	RGB 223 210 203	#DFD2CB
16.7%	16.7% #E4D4CD	RGB 228 212 205	#E4D4CD
33.3%	33.3% #E9D6D0	RGB 233 214 208	#E9D6D0
50.0%	50.0% #EFD8D2	RGB 239 216 210	#EFD8D2
66.7%	66.7% #F4DAD4	RGB 244 218 212	#F4DAD4
83.3%	83.3% #F9DBD6	RGB 249 219 214	#F9DBD6
100.0%	100.0% #FFDCD9	RGB 255 220 217	#FFDCD9

#DFD2CB #E4D4CD #E9D6D0 #EFD8D2 #F4DAD4 #F9DBD6 #FFDCD9

#DFD2CB - #EFD8D2 - #FFDCD9

CSS codes

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

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