#BCBDBC - #E5DEC4 | 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 #BCBDBC to #E5DEC4

#BCBDBC #E5DEC4

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

#BCBDBC - #E5DEC4 | 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 #BCBDBC as 0% and #E5DEC4 as 100%.

0.0%	0.0% #BCBDBC	RGB 188 189 188	#BCBDBC
16.7%	16.7% #C2C2BD	RGB 194 194 189	#C2C2BD
33.3%	33.3% #C9C8BE	RGB 201 200 190	#C9C8BE
50.0%	50.0% #D0CDC0	RGB 208 205 192	#D0CDC0
66.7%	66.7% #D7D3C1	RGB 215 211 193	#D7D3C1
83.3%	83.3% #DED8C2	RGB 222 216 194	#DED8C2
100.0%	100.0% #E5DEC4	RGB 229 222 196	#E5DEC4

#BCBDBC #C2C2BD #C9C8BE #D0CDC0 #D7D3C1 #DED8C2 #E5DEC4

#BCBDBC - #E5DEC4

HSV Blend

#BCBDBC - #E5DEC4 | 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 #BCBDBC as 0% and #E5DEC4 as 100%.

0.0%	0.0% #BCBDBC	RGB 188 189 188	#BCBDBC
16.7%	16.7% #BFC3BE	RGB 191 195 190	#BFC3BE
33.3%	33.3% #C4CABF	RGB 196 202 191	#C4CABF
50.0%	50.0% #CAD1C1	RGB 202 209 193	#CAD1C1
66.7%	66.7% #D3D7C2	RGB 211 215 194	#D3D7C2
83.3%	83.3% #DEDEC3	RGB 222 222 195	#DEDEC3
100.0%	100.0% #E5DEC4	RGB 229 222 196	#E5DEC4

#BCBDBC #BFC3BE #C4CABF #CAD1C1 #D3D7C2 #DEDEC3 #E5DEC4

#BCBDBC - #CAD1C1 - #E5DEC4

CSS codes

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

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