#EEB2D4 - #FAE9F2 | 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 #EEB2D4 to #FAE9F2

#EEB2D4 #FAE9F2

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

#EEB2D4 - #FAE9F2 | 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 #EEB2D4 as 0% and #FAE9F2 as 100%.

0.0%	0.0% #EEB2D4	RGB 238 178 212	#EEB2D4
16.7%	16.7% #F0BBD9	RGB 240 187 217	#F0BBD9
33.3%	33.3% #F2C4DE	RGB 242 196 222	#F2C4DE
50.0%	50.0% #F4CDE3	RGB 244 205 227	#F4CDE3
66.7%	66.7% #F6D6E8	RGB 246 214 232	#F6D6E8
83.3%	83.3% #F8DFED	RGB 248 223 237	#F8DFED
100.0%	100.0% #FAE9F2	RGB 250 233 242	#FAE9F2

#EEB2D4 #F0BBD9 #F2C4DE #F4CDE3 #F6D6E8 #F8DFED #FAE9F2

#EEB2D4 - #FAE9F2

HSV Blend

#EEB2D4 - #FAE9F2 | 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 #EEB2D4 as 0% and #FAE9F2 as 100%.

0.0%	0.0% #EEB2D4	RGB 238 178 212	#EEB2D4
16.7%	16.7% #F0BAD8	RGB 240 186 216	#F0BAD8
33.3%	33.3% #F2C3DD	RGB 242 195 221	#F2C3DD
50.0%	50.0% #F4CCE2	RGB 244 204 226	#F4CCE2
66.7%	66.7% #F6D6E7	RGB 246 214 231	#F6D6E7
83.3%	83.3% #F8DFEC	RGB 248 223 236	#F8DFEC
100.0%	100.0% #FAE9F2	RGB 250 233 242	#FAE9F2

#EEB2D4 #F0BAD8 #F2C3DD #F4CCE2 #F6D6E7 #F8DFEC #FAE9F2

#EEB2D4 - #F4CCE2 - #FAE9F2

CSS codes

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

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