#E6C2B7 - #FCF4D7 | 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 #E6C2B7 to #FCF4D7

#E6C2B7 #FCF4D7

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

#E6C2B7 - #FCF4D7 | 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 #E6C2B7 as 0% and #FCF4D7 as 100%.

0.0%	0.0% #E6C2B7	RGB 230 194 183	#E6C2B7
16.7%	16.7% #E9CABC	RGB 233 202 188	#E9CABC
33.3%	33.3% #EDD2C1	RGB 237 210 193	#EDD2C1
50.0%	50.0% #F1DBC7	RGB 241 219 199	#F1DBC7
66.7%	66.7% #F4E3CC	RGB 244 227 204	#F4E3CC
83.3%	83.3% #F8EBD1	RGB 248 235 209	#F8EBD1
100.0%	100.0% #FCF4D7	RGB 252 244 215	#FCF4D7

#E6C2B7 #E9CABC #EDD2C1 #F1DBC7 #F4E3CC #F8EBD1 #FCF4D7

#E6C2B7 - #FCF4D7

HSV Blend

#E6C2B7 - #FCF4D7 | 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 #E6C2B7 as 0% and #FCF4D7 as 100%.

0.0%	0.0% #E6C2B7	RGB 230 194 183	#E6C2B7
16.7%	16.7% #E9CABC	RGB 233 202 188	#E9CABC
33.3%	33.3% #EDD3C1	RGB 237 211 193	#EDD3C1
50.0%	50.0% #F1DCC6	RGB 241 220 198	#F1DCC6
66.7%	66.7% #F4E4CC	RGB 244 228 204	#F4E4CC
83.3%	83.3% #F8ECD1	RGB 248 236 209	#F8ECD1
100.0%	100.0% #FCF4D7	RGB 252 244 215	#FCF4D7

#E6C2B7 #E9CABC #EDD3C1 #F1DCC6 #F4E4CC #F8ECD1 #FCF4D7

#E6C2B7 - #F1DCC6 - #FCF4D7

CSS codes

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

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