#FEE2EB - #E1939E | 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 #FEE2EB to #E1939E

#FEE2EB #E1939E

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

#FEE2EB - #E1939E | 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 #FEE2EB as 0% and #E1939E as 100%.

0.0%	0.0% #FEE2EB	RGB 254 226 235	#FEE2EB
16.7%	16.7% #F9D4DE	RGB 249 212 222	#F9D4DE
33.3%	33.3% #F4C7D1	RGB 244 199 209	#F4C7D1
50.0%	50.0% #EFBAC4	RGB 239 186 196	#EFBAC4
66.7%	66.7% #EAADB7	RGB 234 173 183	#EAADB7
83.3%	83.3% #E5A0AA	RGB 229 160 170	#E5A0AA
100.0%	100.0% #E1939E	RGB 225 147 158	#E1939E

#FEE2EB #F9D4DE #F4C7D1 #EFBAC4 #EAADB7 #E5A0AA #E1939E

#FEE2EB - #E1939E

HSV Blend

#FEE2EB - #E1939E | 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 #FEE2EB as 0% and #E1939E as 100%.

0.0%	0.0% #FEE2EB	RGB 254 226 235	#FEE2EB
16.7%	16.7% #F9D3DE	RGB 249 211 222	#F9D3DE
33.3%	33.3% #F4C6D2	RGB 244 198 210	#F4C6D2
50.0%	50.0% #EFB8C5	RGB 239 184 197	#EFB8C5
66.7%	66.7% #EAABB8	RGB 234 171 184	#EAABB8
83.3%	83.3% #E59FAB	RGB 229 159 171	#E59FAB
100.0%	100.0% #E1939E	RGB 225 147 158	#E1939E

#FEE2EB #F9D3DE #F4C6D2 #EFB8C5 #EAABB8 #E59FAB #E1939E

#FEE2EB - #EFB8C5 - #E1939E

CSS codes

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

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