#EFA5E1 - #FAE5F6 | 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 #EFA5E1 to #FAE5F6

#EFA5E1 #FAE5F6

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

#EFA5E1 - #FAE5F6 | 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 #EFA5E1 as 0% and #FAE5F6 as 100%.

0.0%	0.0% #EFA5E1	RGB 239 165 225	#EFA5E1
16.7%	16.7% #F0AFE4	RGB 240 175 228	#F0AFE4
33.3%	33.3% #F2BAE8	RGB 242 186 232	#F2BAE8
50.0%	50.0% #F4C5EB	RGB 244 197 235	#F4C5EB
66.7%	66.7% #F6CFEF	RGB 246 207 239	#F6CFEF
83.3%	83.3% #F8DAF2	RGB 248 218 242	#F8DAF2
100.0%	100.0% #FAE5F6	RGB 250 229 246	#FAE5F6

#EFA5E1 #F0AFE4 #F2BAE8 #F4C5EB #F6CFEF #F8DAF2 #FAE5F6

#EFA5E1 - #FAE5F6

HSV Blend

#EFA5E1 - #FAE5F6 | 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 #EFA5E1 as 0% and #FAE5F6 as 100%.

0.0%	0.0% #EFA5E1	RGB 239 165 225	#EFA5E1
16.7%	16.7% #F0AFE4	RGB 240 175 228	#F0AFE4
33.3%	33.3% #F2B9E7	RGB 242 185 231	#F2B9E7
50.0%	50.0% #F4C4EB	RGB 244 196 235	#F4C4EB
66.7%	66.7% #F6CFEE	RGB 246 207 238	#F6CFEE
83.3%	83.3% #F8D9F2	RGB 248 217 242	#F8D9F2
100.0%	100.0% #FAE5F6	RGB 250 229 246	#FAE5F6

#EFA5E1 #F0AFE4 #F2B9E7 #F4C4EB #F6CFEE #F8D9F2 #FAE5F6

#EFA5E1 - #F4C4EB - #FAE5F6

CSS codes

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

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