#DFD4D6 - #FFF2EC | 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 #DFD4D6 to #FFF2EC

#DFD4D6 #FFF2EC

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

#DFD4D6 - #FFF2EC | 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 #DFD4D6 as 0% and #FFF2EC as 100%.

0.0%	0.0% #DFD4D6	RGB 223 212 214	#DFD4D6
16.7%	16.7% #E4D9D9	RGB 228 217 217	#E4D9D9
33.3%	33.3% #E9DEDD	RGB 233 222 221	#E9DEDD
50.0%	50.0% #EFE3E1	RGB 239 227 225	#EFE3E1
66.7%	66.7% #F4E8E4	RGB 244 232 228	#F4E8E4
83.3%	83.3% #F9EDE8	RGB 249 237 232	#F9EDE8
100.0%	100.0% #FFF2EC	RGB 255 242 236	#FFF2EC

#DFD4D6 #E4D9D9 #E9DEDD #EFE3E1 #F4E8E4 #F9EDE8 #FFF2EC

#DFD4D6 - #FFF2EC

HSV Blend

#DFD4D6 - #FFF2EC | 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 #DFD4D6 as 0% and #FFF2EC as 100%.

0.0%	0.0% #DFD4D6	RGB 223 212 214	#DFD4D6
16.7%	16.7% #E4D8D9	RGB 228 216 217	#E4D8D9
33.3%	33.3% #E9DCDC	RGB 233 220 220	#E9DCDC
50.0%	50.0% #EFE1E0	RGB 239 225 224	#EFE1E0
66.7%	66.7% #F4E6E4	RGB 244 230 228	#F4E6E4
83.3%	83.3% #F9ECE8	RGB 249 236 232	#F9ECE8
100.0%	100.0% #FFF2EC	RGB 255 242 236	#FFF2EC

#DFD4D6 #E4D8D9 #E9DCDC #EFE1E0 #F4E6E4 #F9ECE8 #FFF2EC

#DFD4D6 - #EFE1E0 - #FFF2EC

CSS codes

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

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