#E6BECC - #FFF3E1 | 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 #E6BECC to #FFF3E1

#E6BECC #FFF3E1

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

#E6BECC - #FFF3E1 | 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 #E6BECC as 0% and #FFF3E1 as 100%.

0.0%	0.0% #E6BECC	RGB 230 190 204	#E6BECC
16.7%	16.7% #EAC6CF	RGB 234 198 207	#EAC6CF
33.3%	33.3% #EECFD3	RGB 238 207 211	#EECFD3
50.0%	50.0% #F2D8D6	RGB 242 216 214	#F2D8D6
66.7%	66.7% #F6E1DA	RGB 246 225 218	#F6E1DA
83.3%	83.3% #FAEADD	RGB 250 234 221	#FAEADD
100.0%	100.0% #FFF3E1	RGB 255 243 225	#FFF3E1

#E6BECC #EAC6CF #EECFD3 #F2D8D6 #F6E1DA #FAEADD #FFF3E1

#E6BECC - #FFF3E1

HSV Blend

#E6BECC - #FFF3E1 | 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 #E6BECC as 0% and #FFF3E1 as 100%.

0.0%	0.0% #E6BECC	RGB 230 190 204	#E6BECC
16.7%	16.7% #EAC3CB	RGB 234 195 203	#EAC3CB
33.3%	33.3% #EEC9CA	RGB 238 201 202	#EEC9CA
50.0%	50.0% #F2D3CF	RGB 242 211 207	#F2D3CF
66.7%	66.7% #F6DED5	RGB 246 222 213	#F6DED5
83.3%	83.3% #FAE9DA	RGB 250 233 218	#FAE9DA
100.0%	100.0% #FFF3E1	RGB 255 243 225	#FFF3E1

#E6BECC #EAC3CB #EEC9CA #F2D3CF #F6DED5 #FAE9DA #FFF3E1

#E6BECC - #F2D3CF - #FFF3E1

CSS codes

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

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