#EFC2B9 - #F9FBD7 | 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 #EFC2B9 to #F9FBD7

#EFC2B9 #F9FBD7

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

#EFC2B9 - #F9FBD7 | 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 #EFC2B9 as 0% and #F9FBD7 as 100%.

0.0%	0.0% #EFC2B9	RGB 239 194 185	#EFC2B9
16.7%	16.7% #F0CBBE	RGB 240 203 190	#F0CBBE
33.3%	33.3% #F2D5C3	RGB 242 213 195	#F2D5C3
50.0%	50.0% #F4DEC8	RGB 244 222 200	#F4DEC8
66.7%	66.7% #F5E8CD	RGB 245 232 205	#F5E8CD
83.3%	83.3% #F7F1D2	RGB 247 241 210	#F7F1D2
100.0%	100.0% #F9FBD7	RGB 249 251 215	#F9FBD7

#EFC2B9 #F0CBBE #F2D5C3 #F4DEC8 #F5E8CD #F7F1D2 #F9FBD7

#EFC2B9 - #F9FBD7

HSV Blend

#EFC2B9 - #F9FBD7 | 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 #EFC2B9 as 0% and #F9FBD7 as 100%.

0.0%	0.0% #EFC2B9	RGB 239 194 185	#EFC2B9
16.7%	16.7% #F1CDBD	RGB 241 205 189	#F1CDBD
33.3%	33.3% #F3D9C2	RGB 243 217 194	#F3D9C2
50.0%	50.0% #F5E3C7	RGB 245 227 199	#F5E3C7
66.7%	66.7% #F7ECCC	RGB 247 236 204	#F7ECCC
83.3%	83.3% #F9F5D1	RGB 249 245 209	#F9F5D1
100.0%	100.0% #F9FBD7	RGB 249 251 215	#F9FBD7

#EFC2B9 #F1CDBD #F3D9C2 #F5E3C7 #F7ECCC #F9F5D1 #F9FBD7

#EFC2B9 - #F5E3C7 - #F9FBD7

CSS codes

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

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