#E2AFAB - #FBEECE | 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 #E2AFAB to #FBEECE

#E2AFAB #FBEECE

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

#E2AFAB - #FBEECE | 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 #E2AFAB as 0% and #FBEECE as 100%.

0.0%	0.0% #E2AFAB	RGB 226 175 171	#E2AFAB
16.7%	16.7% #E6B9B0	RGB 230 185 176	#E6B9B0
33.3%	33.3% #EAC4B6	RGB 234 196 182	#EAC4B6
50.0%	50.0% #EECEBC	RGB 238 206 188	#EECEBC
66.7%	66.7% #F2D9C2	RGB 242 217 194	#F2D9C2
83.3%	83.3% #F6E3C8	RGB 246 227 200	#F6E3C8
100.0%	100.0% #FBEECE	RGB 251 238 206	#FBEECE

#E2AFAB #E6B9B0 #EAC4B6 #EECEBC #F2D9C2 #F6E3C8 #FBEECE

#E2AFAB - #FBEECE

HSV Blend

#E2AFAB - #FBEECE | 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 #E2AFAB as 0% and #FBEECE as 100%.

0.0%	0.0% #E2AFAB	RGB 226 175 171	#E2AFAB
16.7%	16.7% #E6BAB0	RGB 230 186 176	#E6BAB0
33.3%	33.3% #EAC5B6	RGB 234 197 182	#EAC5B6
50.0%	50.0% #EECFBC	RGB 238 207 188	#EECFBC
66.7%	66.7% #F2DAC1	RGB 242 218 193	#F2DAC1
83.3%	83.3% #F6E4C7	RGB 246 228 199	#F6E4C7
100.0%	100.0% #FBEECE	RGB 251 238 206	#FBEECE

#E2AFAB #E6BAB0 #EAC5B6 #EECFBC #F2DAC1 #F6E4C7 #FBEECE

#E2AFAB - #EECFBC - #FBEECE

CSS codes

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

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