#F5ECFE - #D9C8ED | 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 #F5ECFE to #D9C8ED

#F5ECFE #D9C8ED

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

#F5ECFE - #D9C8ED | 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 #F5ECFE as 0% and #D9C8ED as 100%.

0.0%	0.0% #F5ECFE	RGB 245 236 254	#F5ECFE
16.7%	16.7% #F0E6FB	RGB 240 230 251	#F0E6FB
33.3%	33.3% #EBE0F8	RGB 235 224 248	#EBE0F8
50.0%	50.0% #E7DAF5	RGB 231 218 245	#E7DAF5
66.7%	66.7% #E2D4F2	RGB 226 212 242	#E2D4F2
83.3%	83.3% #DDCEEF	RGB 221 206 239	#DDCEEF
100.0%	100.0% #D9C8ED	RGB 217 200 237	#D9C8ED

#F5ECFE #F0E6FB #EBE0F8 #E7DAF5 #E2D4F2 #DDCEEF #D9C8ED

#F5ECFE - #D9C8ED

HSV Blend

#F5ECFE - #D9C8ED | 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 #F5ECFE as 0% and #D9C8ED as 100%.

0.0%	0.0% #F5ECFE	RGB 245 236 254	#F5ECFE
16.7%	16.7% #F0E5FB	RGB 240 229 251	#F0E5FB
33.3%	33.3% #EBDFF8	RGB 235 223 248	#EBDFF8
50.0%	50.0% #E7D9F5	RGB 231 217 245	#E7D9F5
66.7%	66.7% #E2D3F2	RGB 226 211 242	#E2D3F2
83.3%	83.3% #DDCDEF	RGB 221 205 239	#DDCDEF
100.0%	100.0% #D9C8ED	RGB 217 200 237	#D9C8ED

#F5ECFE #F0E5FB #EBDFF8 #E7D9F5 #E2D3F2 #DDCDEF #D9C8ED

#F5ECFE - #E7D9F5 - #D9C8ED

CSS codes

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

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