#D7D5E5 - #FFE6DC | 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 #D7D5E5 to #FFE6DC

#D7D5E5 #FFE6DC

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

#D7D5E5 - #FFE6DC | 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 #D7D5E5 as 0% and #FFE6DC as 100%.

0.0%	0.0% #D7D5E5	RGB 215 213 229	#D7D5E5
16.7%	16.7% #DDD7E3	RGB 221 215 227	#DDD7E3
33.3%	33.3% #E4DAE2	RGB 228 218 226	#E4DAE2
50.0%	50.0% #EBDDE0	RGB 235 221 224	#EBDDE0
66.7%	66.7% #F1E0DF	RGB 241 224 223	#F1E0DF
83.3%	83.3% #F8E3DD	RGB 248 227 221	#F8E3DD
100.0%	100.0% #FFE6DC	RGB 255 230 220	#FFE6DC

#D7D5E5 #DDD7E3 #E4DAE2 #EBDDE0 #F1E0DF #F8E3DD #FFE6DC

#D7D5E5 - #FFE6DC

HSV Blend

#D7D5E5 - #FFE6DC | 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 #D7D5E5 as 0% and #FFE6DC as 100%.

0.0%	0.0% #D7D5E5	RGB 215 213 229	#D7D5E5
16.7%	16.7% #DFD6E9	RGB 223 214 233	#DFD6E9
33.3%	33.3% #EAD7ED	RGB 234 215 237	#EAD7ED
50.0%	50.0% #F2D8EC	RGB 242 216 236	#F2D8EC
66.7%	66.7% #F6DAE6	RGB 246 218 230	#F6DAE6
83.3%	83.3% #FADBDD	RGB 250 219 221	#FADBDD
100.0%	100.0% #FFE6DC	RGB 255 230 220	#FFE6DC

#D7D5E5 #DFD6E9 #EAD7ED #F2D8EC #F6DAE6 #FADBDD #FFE6DC

#D7D5E5 - #F2D8EC - #FFE6DC

CSS codes

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

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