#E6A8AE - #FED1C7 | 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 #E6A8AE to #FED1C7

#E6A8AE #FED1C7

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

#E6A8AE - #FED1C7 | 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 #E6A8AE as 0% and #FED1C7 as 100%.

0.0%	0.0% #E6A8AE	RGB 230 168 174	#E6A8AE
16.7%	16.7% #EAAEB2	RGB 234 174 178	#EAAEB2
33.3%	33.3% #EEB5B6	RGB 238 181 182	#EEB5B6
50.0%	50.0% #F2BCBA	RGB 242 188 186	#F2BCBA
66.7%	66.7% #F6C3BE	RGB 246 195 190	#F6C3BE
83.3%	83.3% #FACAC2	RGB 250 202 194	#FACAC2
100.0%	100.0% #FED1C7	RGB 254 209 199	#FED1C7

#E6A8AE #EAAEB2 #EEB5B6 #F2BCBA #F6C3BE #FACAC2 #FED1C7

#E6A8AE - #FED1C7

HSV Blend

#E6A8AE - #FED1C7 | 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 #E6A8AE as 0% and #FED1C7 as 100%.

0.0%	0.0% #E6A8AE	RGB 230 168 174	#E6A8AE
16.7%	16.7% #EAACB0	RGB 234 172 176	#EAACB0
33.3%	33.3% #EEB2B2	RGB 238 178 178	#EEB2B2
50.0%	50.0% #F2B9B7	RGB 242 185 183	#F2B9B7
66.7%	66.7% #F6C1BC	RGB 246 193 188	#F6C1BC
83.3%	83.3% #FAC9C1	RGB 250 201 193	#FAC9C1
100.0%	100.0% #FED1C7	RGB 254 209 199	#FED1C7

#E6A8AE #EAACB0 #EEB2B2 #F2B9B7 #F6C1BC #FAC9C1 #FED1C7

#E6A8AE - #F2B9B7 - #FED1C7

CSS codes

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

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