#BCA6B2 - #FFE3C8 | 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 #BCA6B2 to #FFE3C8

#BCA6B2 #FFE3C8

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

#BCA6B2 - #FFE3C8 | 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 #BCA6B2 as 0% and #FFE3C8 as 100%.

0.0%	0.0% #BCA6B2	RGB 188 166 178	#BCA6B2
16.7%	16.7% #C7B0B5	RGB 199 176 181	#C7B0B5
33.3%	33.3% #D2BAB9	RGB 210 186 185	#D2BAB9
50.0%	50.0% #DDC4BD	RGB 221 196 189	#DDC4BD
66.7%	66.7% #E8CEC0	RGB 232 206 192	#E8CEC0
83.3%	83.3% #F3D8C4	RGB 243 216 196	#F3D8C4
100.0%	100.0% #FFE3C8	RGB 255 227 200	#FFE3C8

#BCA6B2 #C7B0B5 #D2BAB9 #DDC4BD #E8CEC0 #F3D8C4 #FFE3C8

#BCA6B2 - #FFE3C8

HSV Blend

#BCA6B2 - #FFE3C8 | 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 #BCA6B2 as 0% and #FFE3C8 as 100%.

0.0%	0.0% #BCA6B2	RGB 188 166 178	#BCA6B2
16.7%	16.7% #C7ACB6	RGB 199 172 182	#C7ACB6
33.3%	33.3% #D2B2B9	RGB 210 178 185	#D2B2B9
50.0%	50.0% #DDB8B9	RGB 221 184 185	#DDB8B9
66.7%	66.7% #E8C4BE	RGB 232 196 190	#E8C4BE
83.3%	83.3% #F3D2C3	RGB 243 210 195	#F3D2C3
100.0%	100.0% #FFE3C8	RGB 255 227 200	#FFE3C8

#BCA6B2 #C7ACB6 #D2B2B9 #DDB8B9 #E8C4BE #F3D2C3 #FFE3C8

#BCA6B2 - #DDB8B9 - #FFE3C8

CSS codes

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

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