#D6D0CF - #FFF5E5 | 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 #D6D0CF to #FFF5E5

#D6D0CF #FFF5E5

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

#D6D0CF - #FFF5E5 | 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 #D6D0CF as 0% and #FFF5E5 as 100%.

0.0%	0.0% #D6D0CF	RGB 214 208 207	#D6D0CF
16.7%	16.7% #DCD6D2	RGB 220 214 210	#DCD6D2
33.3%	33.3% #E3DCD6	RGB 227 220 214	#E3DCD6
50.0%	50.0% #EAE2DA	RGB 234 226 218	#EAE2DA
66.7%	66.7% #F1E8DD	RGB 241 232 221	#F1E8DD
83.3%	83.3% #F8EEE1	RGB 248 238 225	#F8EEE1
100.0%	100.0% #FFF5E5	RGB 255 245 229	#FFF5E5

#D6D0CF #DCD6D2 #E3DCD6 #EAE2DA #F1E8DD #F8EEE1 #FFF5E5

#D6D0CF - #FFF5E5

HSV Blend

#D6D0CF - #FFF5E5 | 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 #D6D0CF as 0% and #FFF5E5 as 100%.

0.0%	0.0% #D6D0CF	RGB 214 208 207	#D6D0CF
16.7%	16.7% #DCD5D3	RGB 220 213 211	#DCD5D3
33.3%	33.3% #E3DAD6	RGB 227 218 214	#E3DAD6
50.0%	50.0% #EAE0DA	RGB 234 224 218	#EAE0DA
66.7%	66.7% #F1E7DE	RGB 241 231 222	#F1E7DE
83.3%	83.3% #F8EDE1	RGB 248 237 225	#F8EDE1
100.0%	100.0% #FFF5E5	RGB 255 245 229	#FFF5E5

#D6D0CF #DCD5D3 #E3DAD6 #EAE0DA #F1E7DE #F8EDE1 #FFF5E5

#D6D0CF - #EAE0DA - #FFF5E5

CSS codes

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

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