#E6BA9F - #FCEFC1 | 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 #E6BA9F to #FCEFC1

#E6BA9F #FCEFC1

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

#E6BA9F - #FCEFC1 | 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 #E6BA9F as 0% and #FCEFC1 as 100%.

0.0%	0.0% #E6BA9F	RGB 230 186 159	#E6BA9F
16.7%	16.7% #E9C2A4	RGB 233 194 164	#E9C2A4
33.3%	33.3% #EDCBAA	RGB 237 203 170	#EDCBAA
50.0%	50.0% #F1D4B0	RGB 241 212 176	#F1D4B0
66.7%	66.7% #F4DDB5	RGB 244 221 181	#F4DDB5
83.3%	83.3% #F8E6BB	RGB 248 230 187	#F8E6BB
100.0%	100.0% #FCEFC1	RGB 252 239 193	#FCEFC1

#E6BA9F #E9C2A4 #EDCBAA #F1D4B0 #F4DDB5 #F8E6BB #FCEFC1

#E6BA9F - #FCEFC1

HSV Blend

#E6BA9F - #FCEFC1 | 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 #E6BA9F as 0% and #FCEFC1 as 100%.

0.0%	0.0% #E6BA9F	RGB 230 186 159	#E6BA9F
16.7%	16.7% #E9C3A4	RGB 233 195 164	#E9C3A4
33.3%	33.3% #EDCCA9	RGB 237 204 169	#EDCCA9
50.0%	50.0% #F1D5AF	RGB 241 213 175	#F1D5AF
66.7%	66.7% #F4DEB5	RGB 244 222 181	#F4DEB5
83.3%	83.3% #F8E6BB	RGB 248 230 187	#F8E6BB
100.0%	100.0% #FCEFC1	RGB 252 239 193	#FCEFC1

#E6BA9F #E9C3A4 #EDCCA9 #F1D5AF #F4DEB5 #F8E6BB #FCEFC1

#E6BA9F - #F1D5AF - #FCEFC1

CSS codes

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

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