#D7CEDD - #E3E7E6 | 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 #D7CEDD to #E3E7E6

#D7CEDD #E3E7E6

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

#D7CEDD - #E3E7E6 | 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 #D7CEDD as 0% and #E3E7E6 as 100%.

0.0%	0.0% #D7CEDD	RGB 215 206 221	#D7CEDD
16.7%	16.7% #D9D2DE	RGB 217 210 222	#D9D2DE
33.3%	33.3% #DBD6E0	RGB 219 214 224	#DBD6E0
50.0%	50.0% #DDDAE1	RGB 221 218 225	#DDDAE1
66.7%	66.7% #DFDEE3	RGB 223 222 227	#DFDEE3
83.3%	83.3% #E1E2E4	RGB 225 226 228	#E1E2E4
100.0%	100.0% #E3E7E6	RGB 227 231 230	#E3E7E6

#D7CEDD #D9D2DE #DBD6E0 #DDDAE1 #DFDEE3 #E1E2E4 #E3E7E6

#D7CEDD - #E3E7E6

HSV Blend

#D7CEDD - #E3E7E6 | 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 #D7CEDD as 0% and #E3E7E6 as 100%.

0.0%	0.0% #D7CEDD	RGB 215 206 221	#D7CEDD
16.7%	16.7% #D5D1DE	RGB 213 209 222	#D5D1DE
33.3%	33.3% #D4D5E0	RGB 212 213 224	#D4D5E0
50.0%	50.0% #D8DBE2	RGB 216 219 226	#D8DBE2
66.7%	66.7% #DBE0E3	RGB 219 224 227	#DBE0E3
83.3%	83.3% #DFE4E5	RGB 223 228 229	#DFE4E5
100.0%	100.0% #E3E7E6	RGB 227 231 230	#E3E7E6

#D7CEDD #D5D1DE #D4D5E0 #D8DBE2 #DBE0E3 #DFE4E5 #E3E7E6

#D7CEDD - #D8DBE2 - #E3E7E6

CSS codes

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

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