#BFC4C2 - #E3CCDA | 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 #BFC4C2 to #E3CCDA

#BFC4C2 #E3CCDA

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

#BFC4C2 - #E3CCDA | 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 #BFC4C2 as 0% and #E3CCDA as 100%.

0.0%	0.0% #BFC4C2	RGB 191 196 194	#BFC4C2
16.7%	16.7% #C5C5C6	RGB 197 197 198	#C5C5C6
33.3%	33.3% #CBC6CA	RGB 203 198 202	#CBC6CA
50.0%	50.0% #D1C8CE	RGB 209 200 206	#D1C8CE
66.7%	66.7% #D7C9D2	RGB 215 201 210	#D7C9D2
83.3%	83.3% #DDCAD6	RGB 221 202 214	#DDCAD6
100.0%	100.0% #E3CCDA	RGB 227 204 218	#E3CCDA

#BFC4C2 #C5C5C6 #CBC6CA #D1C8CE #D7C9D2 #DDCAD6 #E3CCDA

#BFC4C2 - #E3CCDA

HSV Blend

#BFC4C2 - #E3CCDA | 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 #BFC4C2 as 0% and #E3CCDA as 100%.

0.0%	0.0% #BFC4C2	RGB 191 196 194	#BFC4C2
16.7%	16.7% #C1C8C9	RGB 193 200 201	#C1C8C9
33.3%	33.3% #C3C8CE	RGB 195 200 206	#C3C8CE
50.0%	50.0% #C6C6D3	RGB 198 198 211	#C6C6D3
66.7%	66.7% #CFC8D8	RGB 207 200 216	#CFC8D8
83.3%	83.3% #DCCADD	RGB 220 202 221	#DCCADD
100.0%	100.0% #E3CCDA	RGB 227 204 218	#E3CCDA

#BFC4C2 #C1C8C9 #C3C8CE #C6C6D3 #CFC8D8 #DCCADD #E3CCDA

#BFC4C2 - #C6C6D3 - #E3CCDA

CSS codes

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

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