#D9C2E4 - #FFEDDA | 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 #D9C2E4 to #FFEDDA

#D9C2E4 #FFEDDA

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

#D9C2E4 - #FFEDDA | 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 #D9C2E4 as 0% and #FFEDDA as 100%.

0.0%	0.0% #D9C2E4	RGB 217 194 228	#D9C2E4
16.7%	16.7% #DFC9E2	RGB 223 201 226	#DFC9E2
33.3%	33.3% #E5D0E0	RGB 229 208 224	#E5D0E0
50.0%	50.0% #ECD7DF	RGB 236 215 223	#ECD7DF
66.7%	66.7% #F2DEDD	RGB 242 222 221	#F2DEDD
83.3%	83.3% #F8E5DB	RGB 248 229 219	#F8E5DB
100.0%	100.0% #FFEDDA	RGB 255 237 218	#FFEDDA

#D9C2E4 #DFC9E2 #E5D0E0 #ECD7DF #F2DEDD #F8E5DB #FFEDDA

#D9C2E4 - #FFEDDA

HSV Blend

#D9C2E4 - #FFEDDA | 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 #D9C2E4 as 0% and #FFEDDA as 100%.

0.0%	0.0% #D9C2E4	RGB 217 194 228	#D9C2E4
16.7%	16.7% #E7C5E8	RGB 231 197 232	#E7C5E8
33.3%	33.3% #EDC9E2	RGB 237 201 226	#EDC9E2
50.0%	50.0% #F1CDDC	RGB 241 205 220	#F1CDDC
66.7%	66.7% #F6D1D5	RGB 246 209 213	#F6D1D5
83.3%	83.3% #FADDD5	RGB 250 221 213	#FADDD5
100.0%	100.0% #FFEDDA	RGB 255 237 218	#FFEDDA

#D9C2E4 #E7C5E8 #EDC9E2 #F1CDDC #F6D1D5 #FADDD5 #FFEDDA

#D9C2E4 - #F1CDDC - #FFEDDA

CSS codes

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

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