#E6AFAB - #FAEFCF | 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 #E6AFAB to #FAEFCF

#E6AFAB #FAEFCF

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

#E6AFAB - #FAEFCF | 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 #E6AFAB as 0% and #FAEFCF as 100%.

0.0%	0.0% #E6AFAB	RGB 230 175 171	#E6AFAB
16.7%	16.7% #E9B9B1	RGB 233 185 177	#E9B9B1
33.3%	33.3% #ECC4B7	RGB 236 196 183	#ECC4B7
50.0%	50.0% #F0CFBD	RGB 240 207 189	#F0CFBD
66.7%	66.7% #F3D9C3	RGB 243 217 195	#F3D9C3
83.3%	83.3% #F6E4C9	RGB 246 228 201	#F6E4C9
100.0%	100.0% #FAEFCF	RGB 250 239 207	#FAEFCF

#E6AFAB #E9B9B1 #ECC4B7 #F0CFBD #F3D9C3 #F6E4C9 #FAEFCF

#E6AFAB - #FAEFCF

HSV Blend

#E6AFAB - #FAEFCF | 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 #E6AFAB as 0% and #FAEFCF as 100%.

0.0%	0.0% #E6AFAB	RGB 230 175 171	#E6AFAB
16.7%	16.7% #E9BAB0	RGB 233 186 176	#E9BAB0
33.3%	33.3% #ECC6B6	RGB 236 198 182	#ECC6B6
50.0%	50.0% #F0D1BC	RGB 240 209 188	#F0D1BC
66.7%	66.7% #F3DBC2	RGB 243 219 194	#F3DBC2
83.3%	83.3% #F6E5C8	RGB 246 229 200	#F6E5C8
100.0%	100.0% #FAEFCF	RGB 250 239 207	#FAEFCF

#E6AFAB #E9BAB0 #ECC6B6 #F0D1BC #F3DBC2 #F6E5C8 #FAEFCF

#E6AFAB - #F0D1BC - #FAEFCF

CSS codes

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

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