#EDAFC8 - #F9F8F5 | 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 #EDAFC8 to #F9F8F5

#EDAFC8 #F9F8F5

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

#EDAFC8 - #F9F8F5 | 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 #EDAFC8 as 0% and #F9F8F5 as 100%.

0.0%	0.0% #EDAFC8	RGB 237 175 200	#EDAFC8
16.7%	16.7% #EFBBCF	RGB 239 187 207	#EFBBCF
33.3%	33.3% #F1C7D7	RGB 241 199 215	#F1C7D7
50.0%	50.0% #F3D3DE	RGB 243 211 222	#F3D3DE
66.7%	66.7% #F5DFE6	RGB 245 223 230	#F5DFE6
83.3%	83.3% #F7EBED	RGB 247 235 237	#F7EBED
100.0%	100.0% #F9F8F5	RGB 249 248 245	#F9F8F5

#EDAFC8 #EFBBCF #F1C7D7 #F3D3DE #F5DFE6 #F7EBED #F9F8F5

#EDAFC8 - #F9F8F5

HSV Blend

#EDAFC8 - #F9F8F5 | 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 #EDAFC8 as 0% and #F9F8F5 as 100%.

0.0%	0.0% #EDAFC8	RGB 237 175 200	#EDAFC8
16.7%	16.7% #EFBAC5	RGB 239 186 197	#EFBAC5
33.3%	33.3% #F1C5C6	RGB 241 197 198	#F1C5C6
50.0%	50.0% #F3D7D1	RGB 243 215 209	#F3D7D1
66.7%	66.7% #F5E5DD	RGB 245 229 221	#F5E5DD
83.3%	83.3% #F7F0E8	RGB 247 240 232	#F7F0E8
100.0%	100.0% #F9F8F5	RGB 249 248 245	#F9F8F5

#EDAFC8 #EFBAC5 #F1C5C6 #F3D7D1 #F5E5DD #F7F0E8 #F9F8F5

#EDAFC8 - #F3D7D1 - #F9F8F5

CSS codes

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

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