#BCA8B2 - #FFE3C7 | 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 #BCA8B2 to #FFE3C7

#BCA8B2 #FFE3C7

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

#BCA8B2 - #FFE3C7 | 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 #BCA8B2 as 0% and #FFE3C7 as 100%.

0.0%	0.0% #BCA8B2	RGB 188 168 178	#BCA8B2
16.7%	16.7% #C7B1B5	RGB 199 177 181	#C7B1B5
33.3%	33.3% #D2BBB9	RGB 210 187 185	#D2BBB9
50.0%	50.0% #DDC5BC	RGB 221 197 188	#DDC5BC
66.7%	66.7% #E8CFC0	RGB 232 207 192	#E8CFC0
83.3%	83.3% #F3D9C3	RGB 243 217 195	#F3D9C3
100.0%	100.0% #FFE3C7	RGB 255 227 199	#FFE3C7

#BCA8B2 #C7B1B5 #D2BBB9 #DDC5BC #E8CFC0 #F3D9C3 #FFE3C7

#BCA8B2 - #FFE3C7

HSV Blend

#BCA8B2 - #FFE3C7 | 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 #BCA8B2 as 0% and #FFE3C7 as 100%.

0.0%	0.0% #BCA8B2	RGB 188 168 178	#BCA8B2
16.7%	16.7% #C7AEB6	RGB 199 174 182	#C7AEB6
33.3%	33.3% #D2B4B9	RGB 210 180 185	#D2B4B9
50.0%	50.0% #DDB9B9	RGB 221 185 185	#DDB9B9
66.7%	66.7% #E8C5BE	RGB 232 197 190	#E8C5BE
83.3%	83.3% #F3D3C2	RGB 243 211 194	#F3D3C2
100.0%	100.0% #FFE3C7	RGB 255 227 199	#FFE3C7

#BCA8B2 #C7AEB6 #D2B4B9 #DDB9B9 #E8C5BE #F3D3C2 #FFE3C7

#BCA8B2 - #DDB9B9 - #FFE3C7

CSS codes

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

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