#B6B7B0 - #EAE8C7 | 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 #B6B7B0 to #EAE8C7

#B6B7B0 #EAE8C7

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

#B6B7B0 - #EAE8C7 | 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 #B6B7B0 as 0% and #EAE8C7 as 100%.

0.0%	0.0% #B6B7B0	RGB 182 183 176	#B6B7B0
16.7%	16.7% #BEBFB3	RGB 190 191 179	#BEBFB3
33.3%	33.3% #C7C7B7	RGB 199 199 183	#C7C7B7
50.0%	50.0% #D0CFBB	RGB 208 207 187	#D0CFBB
66.7%	66.7% #D8D7BF	RGB 216 215 191	#D8D7BF
83.3%	83.3% #E1DFC3	RGB 225 223 195	#E1DFC3
100.0%	100.0% #EAE8C7	RGB 234 232 199	#EAE8C7

#B6B7B0 #BEBFB3 #C7C7B7 #D0CFBB #D8D7BF #E1DFC3 #EAE8C7

#B6B7B0 - #EAE8C7

HSV Blend

#B6B7B0 - #EAE8C7 | 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 #B6B7B0 as 0% and #EAE8C7 as 100%.

0.0%	0.0% #B6B7B0	RGB 182 183 176	#B6B7B0
16.7%	16.7% #BEBFB4	RGB 190 191 180	#BEBFB4
33.3%	33.3% #C6C8B8	RGB 198 200 184	#C6C8B8
50.0%	50.0% #CFD0BC	RGB 207 208 188	#CFD0BC
66.7%	66.7% #D8D9C0	RGB 216 217 192	#D8D9C0
83.3%	83.3% #E1E0C3	RGB 225 224 195	#E1E0C3
100.0%	100.0% #EAE8C7	RGB 234 232 199	#EAE8C7

#B6B7B0 #BEBFB4 #C6C8B8 #CFD0BC #D8D9C0 #E1E0C3 #EAE8C7

#B6B7B0 - #CFD0BC - #EAE8C7

CSS codes

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

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