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

#DCD4D6 #FFF2EC

Calculate the color between two colors, #DCD4D6 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)

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

0.0%	0.0% #DCD4D6	RGB 220 212 214	#DCD4D6
16.7%	16.7% #E1D9D9	RGB 225 217 217	#E1D9D9
33.3%	33.3% #E7DEDD	RGB 231 222 221	#E7DEDD
50.0%	50.0% #EDE3E1	RGB 237 227 225	#EDE3E1
66.7%	66.7% #F3E8E4	RGB 243 232 228	#F3E8E4
83.3%	83.3% #F9EDE8	RGB 249 237 232	#F9EDE8
100.0%	100.0% #FFF2EC	RGB 255 242 236	#FFF2EC

#DCD4D6 #E1D9D9 #E7DEDD #EDE3E1 #F3E8E4 #F9EDE8 #FFF2EC

#DCD4D6 - #FFF2EC

HSV Blend

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

0.0%	0.0% #DCD4D6	RGB 220 212 214	#DCD4D6
16.7%	16.7% #E1D8D9	RGB 225 216 217	#E1D8D9
33.3%	33.3% #E7DCDC	RGB 231 220 220	#E7DCDC
50.0%	50.0% #EDE0E0	RGB 237 224 224	#EDE0E0
66.7%	66.7% #F3E6E4	RGB 243 230 228	#F3E6E4
83.3%	83.3% #F9EBE8	RGB 249 235 232	#F9EBE8
100.0%	100.0% #FFF2EC	RGB 255 242 236	#FFF2EC

#DCD4D6 #E1D8D9 #E7DCDC #EDE0E0 #F3E6E4 #F9EBE8 #FFF2EC

#DCD4D6 - #EDE0E0 - #FFF2EC

CSS codes

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

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