#D6D0C5 - #E3E2EC | 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 #D6D0C5 to #E3E2EC

#D6D0C5 #E3E2EC

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

#D6D0C5 - #E3E2EC | 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 #D6D0C5 as 0% and #E3E2EC as 100%.

0.0%	0.0% #D6D0C5	RGB 214 208 197	#D6D0C5
16.7%	16.7% #D8D3CB	RGB 216 211 203	#D8D3CB
33.3%	33.3% #DAD6D2	RGB 218 214 210	#DAD6D2
50.0%	50.0% #DCD9D8	RGB 220 217 216	#DCD9D8
66.7%	66.7% #DEDCDF	RGB 222 220 223	#DEDCDF
83.3%	83.3% #E0DFE5	RGB 224 223 229	#E0DFE5
100.0%	100.0% #E3E2EC	RGB 227 226 236	#E3E2EC

#D6D0C5 #D8D3CB #DAD6D2 #DCD9D8 #DEDCDF #E0DFE5 #E3E2EC

#D6D0C5 - #E3E2EC

HSV Blend

#D6D0C5 - #E3E2EC | 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 #D6D0C5 as 0% and #E3E2EC as 100%.

0.0%	0.0% #D6D0C5	RGB 214 208 197	#D6D0C5
16.7%	16.7% #D9CDC9	RGB 217 205 201	#D9CDC9
33.3%	33.3% #DDCED1	RGB 221 206 209	#DDCED1
50.0%	50.0% #E1D3DB	RGB 225 211 219	#E1D3DB
66.7%	66.7% #E4D8E4	RGB 228 216 228	#E4D8E4
83.3%	83.3% #E2DDE8	RGB 226 221 232	#E2DDE8
100.0%	100.0% #E3E2EC	RGB 227 226 236	#E3E2EC

#D6D0C5 #D9CDC9 #DDCED1 #E1D3DB #E4D8E4 #E2DDE8 #E3E2EC

#D6D0C5 - #E1D3DB - #E3E2EC

CSS codes

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

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