#DBC4D4 - #E3EAE7 | 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 #DBC4D4 to #E3EAE7

#DBC4D4 #E3EAE7

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

#DBC4D4 - #E3EAE7 | 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 #DBC4D4 as 0% and #E3EAE7 as 100%.

0.0%	0.0% #DBC4D4	RGB 219 196 212	#DBC4D4
16.7%	16.7% #DCCAD7	RGB 220 202 215	#DCCAD7
33.3%	33.3% #DDD0DA	RGB 221 208 218	#DDD0DA
50.0%	50.0% #DFD7DD	RGB 223 215 221	#DFD7DD
66.7%	66.7% #E0DDE0	RGB 224 221 224	#E0DDE0
83.3%	83.3% #E1E3E3	RGB 225 227 227	#E1E3E3
100.0%	100.0% #E3EAE7	RGB 227 234 231	#E3EAE7

#DBC4D4 #DCCAD7 #DDD0DA #DFD7DD #E0DDE0 #E1E3E3 #E3EAE7

#DBC4D4 - #E3EAE7

HSV Blend

#DBC4D4 - #E3EAE7 | 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 #DBC4D4 as 0% and #E3EAE7 as 100%.

0.0%	0.0% #DBC4D4	RGB 219 196 212	#DBC4D4
16.7%	16.7% #DAC9DD	RGB 218 201 221	#DAC9DD
33.3%	33.3% #D5CEE0	RGB 213 206 224	#D5CEE0
50.0%	50.0% #D3D4E2	RGB 211 212 226	#D3D4E2
66.7%	66.7% #D8DEE5	RGB 216 222 229	#D8DEE5
83.3%	83.3% #DDE7E7	RGB 221 231 231	#DDE7E7
100.0%	100.0% #E3EAE7	RGB 227 234 231	#E3EAE7

#DBC4D4 #DAC9DD #D5CEE0 #D3D4E2 #D8DEE5 #DDE7E7 #E3EAE7

#DBC4D4 - #D3D4E2 - #E3EAE7

CSS codes

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

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