#BCBCBD - #E2DBC4 | 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 #BCBCBD to #E2DBC4

#BCBCBD #E2DBC4

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

#BCBCBD - #E2DBC4 | 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 #BCBCBD as 0% and #E2DBC4 as 100%.

0.0%	0.0% #BCBCBD	RGB 188 188 189	#BCBCBD
16.7%	16.7% #C2C1BE	RGB 194 193 190	#C2C1BE
33.3%	33.3% #C8C6BF	RGB 200 198 191	#C8C6BF
50.0%	50.0% #CFCBC0	RGB 207 203 192	#CFCBC0
66.7%	66.7% #D5D0C1	RGB 213 208 193	#D5D0C1
83.3%	83.3% #DBD5C2	RGB 219 213 194	#DBD5C2
100.0%	100.0% #E2DBC4	RGB 226 219 196	#E2DBC4

#BCBCBD #C2C1BE #C8C6BF #CFCBC0 #D5D0C1 #DBD5C2 #E2DBC4

#BCBCBD - #E2DBC4

HSV Blend

#BCBCBD - #E2DBC4 | 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 #BCBCBD as 0% and #E2DBC4 as 100%.

0.0%	0.0% #BCBCBD	RGB 188 188 189	#BCBCBD
16.7%	16.7% #C0BDC3	RGB 192 189 195	#C0BDC3
33.3%	33.3% #C8BFC9	RGB 200 191 201	#C8BFC9
50.0%	50.0% #CFC1CA	RGB 207 193 202	#CFC1CA
66.7%	66.7% #D5C2C5	RGB 213 194 197	#D5C2C5
83.3%	83.3% #DBCAC3	RGB 219 202 195	#DBCAC3
100.0%	100.0% #E2DBC4	RGB 226 219 196	#E2DBC4

#BCBCBD #C0BDC3 #C8BFC9 #CFC1CA #D5C2C5 #DBCAC3 #E2DBC4

#BCBCBD - #CFC1CA - #E2DBC4

CSS codes

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

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