#B4B6B5 - #E2BEC5 | 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 #B4B6B5 to #E2BEC5

#B4B6B5 #E2BEC5

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

#B4B6B5 - #E2BEC5 | 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 #B4B6B5 as 0% and #E2BEC5 as 100%.

0.0%	0.0% #B4B6B5	RGB 180 182 181	#B4B6B5
16.7%	16.7% #BBB7B7	RGB 187 183 183	#BBB7B7
33.3%	33.3% #C3B8BA	RGB 195 184 186	#C3B8BA
50.0%	50.0% #CBBABD	RGB 203 186 189	#CBBABD
66.7%	66.7% #D2BBBF	RGB 210 187 191	#D2BBBF
83.3%	83.3% #DABCC2	RGB 218 188 194	#DABCC2
100.0%	100.0% #E2BEC5	RGB 226 190 197	#E2BEC5

#B4B6B5 #BBB7B7 #C3B8BA #CBBABD #D2BBBF #DABCC2 #E2BEC5

#B4B6B5 - #E2BEC5

HSV Blend

#B4B6B5 - #E2BEC5 | 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 #B4B6B5 as 0% and #E2BEC5 as 100%.

0.0%	0.0% #B4B6B5	RGB 180 182 181	#B4B6B5
16.7%	16.7% #B6BDB6	RGB 182 189 182	#B6BDB6
33.3%	33.3% #BDC4B8	RGB 189 196 184	#BDC4B8
50.0%	50.0% #C9CCBA	RGB 201 204 186	#C9CCBA
66.7%	66.7% #D3CCBC	RGB 211 204 188	#D3CCBC
83.3%	83.3% #DAC4BD	RGB 218 196 189	#DAC4BD
100.0%	100.0% #E2BEC5	RGB 226 190 197	#E2BEC5

#B4B6B5 #B6BDB6 #BDC4B8 #C9CCBA #D3CCBC #DAC4BD #E2BEC5

#B4B6B5 - #C9CCBA - #E2BEC5

CSS codes

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

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