#E2BFB4 - #F6ECE9 | 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 #E2BFB4 to #F6ECE9

#E2BFB4 #F6ECE9

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

#E2BFB4 - #F6ECE9 | 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 #E2BFB4 as 0% and #F6ECE9 as 100%.

0.0%	0.0% #E2BFB4	RGB 226 191 180	#E2BFB4
16.7%	16.7% #E5C6BC	RGB 229 198 188	#E5C6BC
33.3%	33.3% #E8CEC5	RGB 232 206 197	#E8CEC5
50.0%	50.0% #ECD5CE	RGB 236 213 206	#ECD5CE
66.7%	66.7% #EFDDD7	RGB 239 221 215	#EFDDD7
83.3%	83.3% #F2E4E0	RGB 242 228 224	#F2E4E0
100.0%	100.0% #F6ECE9	RGB 246 236 233	#F6ECE9

#E2BFB4 #E5C6BC #E8CEC5 #ECD5CE #EFDDD7 #F2E4E0 #F6ECE9

#E2BFB4 - #F6ECE9

HSV Blend

#E2BFB4 - #F6ECE9 | 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 #E2BFB4 as 0% and #F6ECE9 as 100%.

0.0%	0.0% #E2BFB4	RGB 226 191 180	#E2BFB4
16.7%	16.7% #E5C6BC	RGB 229 198 188	#E5C6BC
33.3%	33.3% #E8CDC4	RGB 232 205 196	#E8CDC4
50.0%	50.0% #ECD4CD	RGB 236 212 205	#ECD4CD
66.7%	66.7% #EFDCD6	RGB 239 220 214	#EFDCD6
83.3%	83.3% #F2E4DF	RGB 242 228 223	#F2E4DF
100.0%	100.0% #F6ECE9	RGB 246 236 233	#F6ECE9

#E2BFB4 #E5C6BC #E8CDC4 #ECD4CD #EFDCD6 #F2E4DF #F6ECE9

#E2BFB4 - #ECD4CD - #F6ECE9

CSS codes

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

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