#D9C7E5 - #FFEEDB | 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 #D9C7E5 to #FFEEDB

#D9C7E5 #FFEEDB

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

#D9C7E5 - #FFEEDB | 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 #D9C7E5 as 0% and #FFEEDB as 100%.

0.0%	0.0% #D9C7E5	RGB 217 199 229	#D9C7E5
16.7%	16.7% #DFCDE3	RGB 223 205 227	#DFCDE3
33.3%	33.3% #E5D4E1	RGB 229 212 225	#E5D4E1
50.0%	50.0% #ECDAE0	RGB 236 218 224	#ECDAE0
66.7%	66.7% #F2E1DE	RGB 242 225 222	#F2E1DE
83.3%	83.3% #F8E7DC	RGB 248 231 220	#F8E7DC
100.0%	100.0% #FFEEDB	RGB 255 238 219	#FFEEDB

#D9C7E5 #DFCDE3 #E5D4E1 #ECDAE0 #F2E1DE #F8E7DC #FFEEDB

#D9C7E5 - #FFEEDB

HSV Blend

#D9C7E5 - #FFEEDB | 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 #D9C7E5 as 0% and #FFEEDB as 100%.

0.0%	0.0% #D9C7E5	RGB 217 199 229	#D9C7E5
16.7%	16.7% #E6CAE9	RGB 230 202 233	#E6CAE9
33.3%	33.3% #EDCDE5	RGB 237 205 229	#EDCDE5
50.0%	50.0% #F2D1DF	RGB 242 209 223	#F2D1DF
66.7%	66.7% #F6D4D8	RGB 246 212 216	#F6D4D8
83.3%	83.3% #FADED7	RGB 250 222 215	#FADED7
100.0%	100.0% #FFEEDB	RGB 255 238 219	#FFEEDB

#D9C7E5 #E6CAE9 #EDCDE5 #F2D1DF #F6D4D8 #FADED7 #FFEEDB

#D9C7E5 - #F2D1DF - #FFEEDB

CSS codes

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

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