#D0CCCF - #E2C7E6 | 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 #D0CCCF to #E2C7E6

#D0CCCF #E2C7E6

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

#D0CCCF - #E2C7E6 | 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 #D0CCCF as 0% and #E2C7E6 as 100%.

0.0%	0.0% #D0CCCF	RGB 208 204 207	#D0CCCF
16.7%	16.7% #D3CBD2	RGB 211 203 210	#D3CBD2
33.3%	33.3% #D6CAD6	RGB 214 202 214	#D6CAD6
50.0%	50.0% #D9C9DA	RGB 217 201 218	#D9C9DA
66.7%	66.7% #DCC8DE	RGB 220 200 222	#DCC8DE
83.3%	83.3% #DFC7E2	RGB 223 199 226	#DFC7E2
100.0%	100.0% #E2C7E6	RGB 226 199 230	#E2C7E6

#D0CCCF #D3CBD2 #D6CAD6 #D9C9DA #DCC8DE #DFC7E2 #E2C7E6

#D0CCCF - #E2C7E6

HSV Blend

#D0CCCF - #E2C7E6 | 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 #D0CCCF as 0% and #E2C7E6 as 100%.

0.0%	0.0% #D0CCCF	RGB 208 204 207	#D0CCCF
16.7%	16.7% #D3CBD2	RGB 211 203 210	#D3CBD2
33.3%	33.3% #D7CAD5	RGB 215 202 213	#D7CAD5
50.0%	50.0% #DBCAD9	RGB 219 202 217	#DBCAD9
66.7%	66.7% #DEC9DE	RGB 222 201 222	#DEC9DE
83.3%	83.3% #E0C8E2	RGB 224 200 226	#E0C8E2
100.0%	100.0% #E2C7E6	RGB 226 199 230	#E2C7E6

#D0CCCF #D3CBD2 #D7CAD5 #DBCAD9 #DEC9DE #E0C8E2 #E2C7E6

#D0CCCF - #DBCAD9 - #E2C7E6

CSS codes

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

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