#FBEDFD - #EEC8ED | 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 #FBEDFD to #EEC8ED

#FBEDFD #EEC8ED

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

#FBEDFD - #EEC8ED | 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 #FBEDFD as 0% and #EEC8ED as 100%.

0.0%	0.0% #FBEDFD	RGB 251 237 253	#FBEDFD
16.7%	16.7% #F8E6FA	RGB 248 230 250	#F8E6FA
33.3%	33.3% #F6E0F7	RGB 246 224 247	#F6E0F7
50.0%	50.0% #F4DAF5	RGB 244 218 245	#F4DAF5
66.7%	66.7% #F2D4F2	RGB 242 212 242	#F2D4F2
83.3%	83.3% #F0CEEF	RGB 240 206 239	#F0CEEF
100.0%	100.0% #EEC8ED	RGB 238 200 237	#EEC8ED

#FBEDFD #F8E6FA #F6E0F7 #F4DAF5 #F2D4F2 #F0CEEF #EEC8ED

#FBEDFD - #EEC8ED

HSV Blend

#FBEDFD - #EEC8ED | 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 #FBEDFD as 0% and #EEC8ED as 100%.

0.0%	0.0% #FBEDFD	RGB 251 237 253	#FBEDFD
16.7%	16.7% #F8E6FA	RGB 248 230 250	#F8E6FA
33.3%	33.3% #F6E0F8	RGB 246 224 248	#F6E0F8
50.0%	50.0% #F4DAF5	RGB 244 218 245	#F4DAF5
66.7%	66.7% #F2D4F3	RGB 242 212 243	#F2D4F3
83.3%	83.3% #F0CDF0	RGB 240 205 240	#F0CDF0
100.0%	100.0% #EEC8ED	RGB 238 200 237	#EEC8ED

#FBEDFD #F8E6FA #F6E0F8 #F4DAF5 #F2D4F3 #F0CDF0 #EEC8ED

#FBEDFD - #F4DAF5 - #EEC8ED

CSS codes

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

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