#D8C7CE - #DECCEC | 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 #D8C7CE to #DECCEC

#D8C7CE #DECCEC

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

#D8C7CE - #DECCEC | 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 #D8C7CE as 0% and #DECCEC as 100%.

0.0%	0.0% #D8C7CE	RGB 216 199 206	#D8C7CE
16.7%	16.7% #D9C7D3	RGB 217 199 211	#D9C7D3
33.3%	33.3% #DAC8D8	RGB 218 200 216	#DAC8D8
50.0%	50.0% #DBC9DD	RGB 219 201 221	#DBC9DD
66.7%	66.7% #DCCAE2	RGB 220 202 226	#DCCAE2
83.3%	83.3% #DDCBE7	RGB 221 203 231	#DDCBE7
100.0%	100.0% #DECCEC	RGB 222 204 236	#DECCEC

#D8C7CE #D9C7D3 #DAC8D8 #DBC9DD #DCCAE2 #DDCBE7 #DECCEC

#D8C7CE - #DECCEC

HSV Blend

#D8C7CE - #DECCEC | 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 #D8C7CE as 0% and #DECCEC as 100%.

0.0%	0.0% #D8C7CE	RGB 216 199 206	#D8C7CE
16.7%	16.7% #DBC7D3	RGB 219 199 211	#DBC7D3
33.3%	33.3% #DEC8D9	RGB 222 200 217	#DEC8D9
50.0%	50.0% #E2C9E0	RGB 226 201 224	#E2C9E0
66.7%	66.7% #E2CAE5	RGB 226 202 229	#E2CAE5
83.3%	83.3% #E0CBE8	RGB 224 203 232	#E0CBE8
100.0%	100.0% #DECCEC	RGB 222 204 236	#DECCEC

#D8C7CE #DBC7D3 #DEC8D9 #E2C9E0 #E2CAE5 #E0CBE8 #DECCEC

#D8C7CE - #E2C9E0 - #DECCEC

CSS codes

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

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