#BCBBBA - #FFE9CC | 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 #BCBBBA to #FFE9CC

#BCBBBA #FFE9CC

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

#BCBBBA - #FFE9CC | 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 #BCBBBA as 0% and #FFE9CC as 100%.

0.0%	0.0% #BCBBBA	RGB 188 187 186	#BCBBBA
16.7%	16.7% #C7C2BD	RGB 199 194 189	#C7C2BD
33.3%	33.3% #D2CAC0	RGB 210 202 192	#D2CAC0
50.0%	50.0% #DDD2C3	RGB 221 210 195	#DDD2C3
66.7%	66.7% #E8D9C6	RGB 232 217 198	#E8D9C6
83.3%	83.3% #F3E1C9	RGB 243 225 201	#F3E1C9
100.0%	100.0% #FFE9CC	RGB 255 233 204	#FFE9CC

#BCBBBA #C7C2BD #D2CAC0 #DDD2C3 #E8D9C6 #F3E1C9 #FFE9CC

#BCBBBA - #FFE9CC

HSV Blend

#BCBBBA - #FFE9CC | 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 #BCBBBA as 0% and #FFE9CC as 100%.

0.0%	0.0% #BCBBBA	RGB 188 187 186	#BCBBBA
16.7%	16.7% #C7C3BE	RGB 199 195 190	#C7C3BE
33.3%	33.3% #D2CAC2	RGB 210 202 194	#D2CAC2
50.0%	50.0% #DDD2C6	RGB 221 210 198	#DDD2C6
66.7%	66.7% #E8DAC8	RGB 232 218 200	#E8DAC8
83.3%	83.3% #F3E1CA	RGB 243 225 202	#F3E1CA
100.0%	100.0% #FFE9CC	RGB 255 233 204	#FFE9CC

#BCBBBA #C7C3BE #D2CAC2 #DDD2C6 #E8DAC8 #F3E1CA #FFE9CC

#BCBBBA - #DDD2C6 - #FFE9CC

CSS codes

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

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