#F5E9ED - #CEA2AD | 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 #F5E9ED to #CEA2AD

#F5E9ED #CEA2AD

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

#F5E9ED - #CEA2AD | 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 #F5E9ED as 0% and #CEA2AD as 100%.

0.0%	0.0% #F5E9ED	RGB 245 233 237	#F5E9ED
16.7%	16.7% #EEDDE2	RGB 238 221 226	#EEDDE2
33.3%	33.3% #E8D1D7	RGB 232 209 215	#E8D1D7
50.0%	50.0% #E1C5CD	RGB 225 197 205	#E1C5CD
66.7%	66.7% #DBB9C2	RGB 219 185 194	#DBB9C2
83.3%	83.3% #D4ADB7	RGB 212 173 183	#D4ADB7
100.0%	100.0% #CEA2AD	RGB 206 162 173	#CEA2AD

#F5E9ED #EEDDE2 #E8D1D7 #E1C5CD #DBB9C2 #D4ADB7 #CEA2AD

#F5E9ED - #CEA2AD

HSV Blend

#F5E9ED - #CEA2AD | 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 #F5E9ED as 0% and #CEA2AD as 100%.

0.0%	0.0% #F5E9ED	RGB 245 233 237	#F5E9ED
16.7%	16.7% #EEDCE2	RGB 238 220 226	#EEDCE2
33.3%	33.3% #E8CFD7	RGB 232 207 215	#E8CFD7
50.0%	50.0% #E1C3CC	RGB 225 195 204	#E1C3CC
66.7%	66.7% #DBB8C1	RGB 219 184 193	#DBB8C1
83.3%	83.3% #D4ACB7	RGB 212 172 183	#D4ACB7
100.0%	100.0% #CEA2AD	RGB 206 162 173	#CEA2AD

#F5E9ED #EEDCE2 #E8CFD7 #E1C3CC #DBB8C1 #D4ACB7 #CEA2AD

#F5E9ED - #E1C3CC - #CEA2AD

CSS codes

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

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