#BCA2B6 - #FFE3CF | 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 #BCA2B6 to #FFE3CF

#BCA2B6 #FFE3CF

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

#BCA2B6 - #FFE3CF | 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 #BCA2B6 as 0% and #FFE3CF as 100%.

0.0%	0.0% #BCA2B6	RGB 188 162 182	#BCA2B6
16.7%	16.7% #C7ACBA	RGB 199 172 186	#C7ACBA
33.3%	33.3% #D2B7BE	RGB 210 183 190	#D2B7BE
50.0%	50.0% #DDC2C2	RGB 221 194 194	#DDC2C2
66.7%	66.7% #E8CDC6	RGB 232 205 198	#E8CDC6
83.3%	83.3% #F3D8CA	RGB 243 216 202	#F3D8CA
100.0%	100.0% #FFE3CF	RGB 255 227 207	#FFE3CF

#BCA2B6 #C7ACBA #D2B7BE #DDC2C2 #E8CDC6 #F3D8CA #FFE3CF

#BCA2B6 - #FFE3CF

HSV Blend

#BCA2B6 - #FFE3CF | 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 #BCA2B6 as 0% and #FFE3CF as 100%.

0.0%	0.0% #BCA2B6	RGB 188 162 182	#BCA2B6
16.7%	16.7% #C7A9BA	RGB 199 169 186	#C7A9BA
33.3%	33.3% #D2B1BD	RGB 210 177 189	#D2B1BD
50.0%	50.0% #DDB9BF	RGB 221 185 191	#DDB9BF
66.7%	66.7% #E8C1C0	RGB 232 193 192	#E8C1C0
83.3%	83.3% #F3D1C7	RGB 243 209 199	#F3D1C7
100.0%	100.0% #FFE3CF	RGB 255 227 207	#FFE3CF

#BCA2B6 #C7A9BA #D2B1BD #DDB9BF #E8C1C0 #F3D1C7 #FFE3CF

#BCA2B6 - #DDB9BF - #FFE3CF

CSS codes

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

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