#B8B8BC - #E4E3C7 | 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 #B8B8BC to #E4E3C7

#B8B8BC #E4E3C7

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

#B8B8BC - #E4E3C7 | 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 #B8B8BC as 0% and #E4E3C7 as 100%.

0.0%	0.0% #B8B8BC	RGB 184 184 188	#B8B8BC
16.7%	16.7% #BFBFBD	RGB 191 191 189	#BFBFBD
33.3%	33.3% #C6C6BF	RGB 198 198 191	#C6C6BF
50.0%	50.0% #CECDC1	RGB 206 205 193	#CECDC1
66.7%	66.7% #D5D4C3	RGB 213 212 195	#D5D4C3
83.3%	83.3% #DCDBC5	RGB 220 219 197	#DCDBC5
100.0%	100.0% #E4E3C7	RGB 228 227 199	#E4E3C7

#B8B8BC #BFBFBD #C6C6BF #CECDC1 #D5D4C3 #DCDBC5 #E4E3C7

#B8B8BC - #E4E3C7

HSV Blend

#B8B8BC - #E4E3C7 | 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 #B8B8BC as 0% and #E4E3C7 as 100%.

0.0%	0.0% #B8B8BC	RGB 184 184 188	#B8B8BC
16.7%	16.7% #BEBBC2	RGB 190 187 194	#BEBBC2
33.3%	33.3% #C9BDC9	RGB 201 189 201	#C9BDC9
50.0%	50.0% #D0C0C8	RGB 208 192 200	#D0C0C8
66.7%	66.7% #D6C2C3	RGB 214 194 195	#D6C2C3
83.3%	83.3% #DDD0C5	RGB 221 208 197	#DDD0C5
100.0%	100.0% #E4E3C7	RGB 228 227 199	#E4E3C7

#B8B8BC #BEBBC2 #C9BDC9 #D0C0C8 #D6C2C3 #DDD0C5 #E4E3C7

#B8B8BC - #D0C0C8 - #E4E3C7

CSS codes

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

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