#EDA6BD - #FAEED7 | 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 #EDA6BD to #FAEED7

#EDA6BD #FAEED7

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

#EDA6BD - #FAEED7 | 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 #EDA6BD as 0% and #FAEED7 as 100%.

0.0%	0.0% #EDA6BD	RGB 237 166 189	#EDA6BD
16.7%	16.7% #EFB2C1	RGB 239 178 193	#EFB2C1
33.3%	33.3% #F1BEC5	RGB 241 190 197	#F1BEC5
50.0%	50.0% #F3CACA	RGB 243 202 202	#F3CACA
66.7%	66.7% #F5D6CE	RGB 245 214 206	#F5D6CE
83.3%	83.3% #F7E2D2	RGB 247 226 210	#F7E2D2
100.0%	100.0% #FAEED7	RGB 250 238 215	#FAEED7

#EDA6BD #EFB2C1 #F1BEC5 #F3CACA #F5D6CE #F7E2D2 #FAEED7

#EDA6BD - #FAEED7

HSV Blend

#EDA6BD - #FAEED7 | 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 #EDA6BD as 0% and #FAEED7 as 100%.

0.0%	0.0% #EDA6BD	RGB 237 166 189	#EDA6BD
16.7%	16.7% #EFADB8	RGB 239 173 184	#EFADB8
33.3%	33.3% #F1B6B5	RGB 241 182 181	#F1B6B5
50.0%	50.0% #F3C6BD	RGB 243 198 189	#F3C6BD
66.7%	66.7% #F5D5C6	RGB 245 213 198	#F5D5C6
83.3%	83.3% #F7E2CE	RGB 247 226 206	#F7E2CE
100.0%	100.0% #FAEED7	RGB 250 238 215	#FAEED7

#EDA6BD #EFADB8 #F1B6B5 #F3C6BD #F5D5C6 #F7E2CE #FAEED7

#EDA6BD - #F3C6BD - #FAEED7

CSS codes

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

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