#BCBDC7 - #E3E4D0 | 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 #BCBDC7 to #E3E4D0

#BCBDC7 #E3E4D0

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

#BCBDC7 - #E3E4D0 | 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 #BCBDC7 as 0% and #E3E4D0 as 100%.

0.0%	0.0% #BCBDC7	RGB 188 189 199	#BCBDC7
16.7%	16.7% #C2C3C8	RGB 194 195 200	#C2C3C8
33.3%	33.3% #C9CACA	RGB 201 202 202	#C9CACA
50.0%	50.0% #CFD0CB	RGB 207 208 203	#CFD0CB
66.7%	66.7% #D6D7CD	RGB 214 215 205	#D6D7CD
83.3%	83.3% #DCDDCE	RGB 220 221 206	#DCDDCE
100.0%	100.0% #E3E4D0	RGB 227 228 208	#E3E4D0

#BCBDC7 #C2C3C8 #C9CACA #CFD0CB #D6D7CD #DCDDCE #E3E4D0

#BCBDC7 - #E3E4D0

HSV Blend

#BCBDC7 - #E3E4D0 | 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 #BCBDC7 as 0% and #E3E4D0 as 100%.

0.0%	0.0% #BCBDC7	RGB 188 189 199	#BCBDC7
16.7%	16.7% #BFC6CB	RGB 191 198 203	#BFC6CB
33.3%	33.3% #C2D0D0	RGB 194 208 208	#C2D0D0
50.0%	50.0% #C6D5CD	RGB 198 213 205	#C6D5CD
66.7%	66.7% #C9DAC9	RGB 201 218 201	#C9DAC9
83.3%	83.3% #D5DFCC	RGB 213 223 204	#D5DFCC
100.0%	100.0% #E3E4D0	RGB 227 228 208	#E3E4D0

#BCBDC7 #BFC6CB #C2D0D0 #C6D5CD #C9DAC9 #D5DFCC #E3E4D0

#BCBDC7 - #C6D5CD - #E3E4D0

CSS codes

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

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