#FFDDFA - #ECD7E5 | 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 #FFDDFA to #ECD7E5

#FFDDFA #ECD7E5

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

#FFDDFA - #ECD7E5 | 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 #FFDDFA as 0% and #ECD7E5 as 100%.

0.0%	0.0% #FFDDFA	RGB 255 221 250	#FFDDFA
16.7%	16.7% #FBDCF6	RGB 251 220 246	#FBDCF6
33.3%	33.3% #F8DBF3	RGB 248 219 243	#F8DBF3
50.0%	50.0% #F5DAEF	RGB 245 218 239	#F5DAEF
66.7%	66.7% #F2D9EC	RGB 242 217 236	#F2D9EC
83.3%	83.3% #EFD8E8	RGB 239 216 232	#EFD8E8
100.0%	100.0% #ECD7E5	RGB 236 215 229	#ECD7E5

#FFDDFA #FBDCF6 #F8DBF3 #F5DAEF #F2D9EC #EFD8E8 #ECD7E5

#FFDDFA - #ECD7E5

HSV Blend

#FFDDFA - #ECD7E5 | 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 #FFDDFA as 0% and #ECD7E5 as 100%.

0.0%	0.0% #FFDDFA	RGB 255 221 250	#FFDDFA
16.7%	16.7% #FBDCF6	RGB 251 220 246	#FBDCF6
33.3%	33.3% #F8DBF2	RGB 248 219 242	#F8DBF2
50.0%	50.0% #F5DAEE	RGB 245 218 238	#F5DAEE
66.7%	66.7% #F2D9EB	RGB 242 217 235	#F2D9EB
83.3%	83.3% #EFD8E8	RGB 239 216 232	#EFD8E8
100.0%	100.0% #ECD7E5	RGB 236 215 229	#ECD7E5

#FFDDFA #FBDCF6 #F8DBF2 #F5DAEE #F2D9EB #EFD8E8 #ECD7E5

#FFDDFA - #F5DAEE - #ECD7E5

CSS codes

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

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