#D4D0D1 - #FFF6E5 | 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 #D4D0D1 to #FFF6E5

#D4D0D1 #FFF6E5

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

#D4D0D1 - #FFF6E5 | 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 #D4D0D1 as 0% and #FFF6E5 as 100%.

0.0%	0.0% #D4D0D1	RGB 212 208 209	#D4D0D1
16.7%	16.7% #DBD6D4	RGB 219 214 212	#DBD6D4
33.3%	33.3% #E2DCD7	RGB 226 220 215	#E2DCD7
50.0%	50.0% #E9E3DB	RGB 233 227 219	#E9E3DB
66.7%	66.7% #F0E9DE	RGB 240 233 222	#F0E9DE
83.3%	83.3% #F7EFE1	RGB 247 239 225	#F7EFE1
100.0%	100.0% #FFF6E5	RGB 255 246 229	#FFF6E5

#D4D0D1 #DBD6D4 #E2DCD7 #E9E3DB #F0E9DE #F7EFE1 #FFF6E5

#D4D0D1 - #FFF6E5

HSV Blend

#D4D0D1 - #FFF6E5 | 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 #D4D0D1 as 0% and #FFF6E5 as 100%.

0.0%	0.0% #D4D0D1	RGB 212 208 209	#D4D0D1
16.7%	16.7% #DBD3D4	RGB 219 211 212	#DBD3D4
33.3%	33.3% #E2D8D7	RGB 226 216 215	#E2D8D7
50.0%	50.0% #E9DEDB	RGB 233 222 219	#E9DEDB
66.7%	66.7% #F0E5DE	RGB 240 229 222	#F0E5DE
83.3%	83.3% #F7ECE1	RGB 247 236 225	#F7ECE1
100.0%	100.0% #FFF6E5	RGB 255 246 229	#FFF6E5

#D4D0D1 #DBD3D4 #E2D8D7 #E9DEDB #F0E5DE #F7ECE1 #FFF6E5

#D4D0D1 - #E9DEDB - #FFF6E5

CSS codes

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

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