#BCB8C0 - #FFE3BC | 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 #BCB8C0 to #FFE3BC

#BCB8C0 #FFE3BC

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

#BCB8C0 - #FFE3BC | 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 #BCB8C0 as 0% and #FFE3BC as 100%.

0.0%	0.0% #BCB8C0	RGB 188 184 192	#BCB8C0
16.7%	16.7% #C7BFBF	RGB 199 191 191	#C7BFBF
33.3%	33.3% #D2C6BE	RGB 210 198 190	#D2C6BE
50.0%	50.0% #DDCDBE	RGB 221 205 190	#DDCDBE
66.7%	66.7% #E8D4BD	RGB 232 212 189	#E8D4BD
83.3%	83.3% #F3DBBC	RGB 243 219 188	#F3DBBC
100.0%	100.0% #FFE3BC	RGB 255 227 188	#FFE3BC

#BCB8C0 #C7BFBF #D2C6BE #DDCDBE #E8D4BD #F3DBBC #FFE3BC

#BCB8C0 - #FFE3BC

HSV Blend

#BCB8C0 - #FFE3BC | 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 #BCB8C0 as 0% and #FFE3BC as 100%.

0.0%	0.0% #BCB8C0	RGB 188 184 192	#BCB8C0
16.7%	16.7% #C8BACA	RGB 200 186 202	#C8BACA
33.3%	33.3% #D5BCD0	RGB 213 188 208	#D5BCD0
50.0%	50.0% #DFBDCD	RGB 223 189 205	#DFBDCD
66.7%	66.7% #EABDC2	RGB 234 189 194	#EABDC2
83.3%	83.3% #F4CABD	RGB 244 202 189	#F4CABD
100.0%	100.0% #FFE3BC	RGB 255 227 188	#FFE3BC

#BCB8C0 #C8BACA #D5BCD0 #DFBDCD #EABDC2 #F4CABD #FFE3BC

#BCB8C0 - #DFBDCD - #FFE3BC

CSS codes

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

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