#B5B6B5 - #E2BED9 | 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 #B5B6B5 to #E2BED9

#B5B6B5 #E2BED9

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

#B5B6B5 - #E2BED9 | 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 #B5B6B5 as 0% and #E2BED9 as 100%.

0.0%	0.0% #B5B6B5	RGB 181 182 181	#B5B6B5
16.7%	16.7% #BCB7BB	RGB 188 183 187	#BCB7BB
33.3%	33.3% #C4B8C1	RGB 196 184 193	#C4B8C1
50.0%	50.0% #CBBAC7	RGB 203 186 199	#CBBAC7
66.7%	66.7% #D3BBCD	RGB 211 187 205	#D3BBCD
83.3%	83.3% #DABCD3	RGB 218 188 211	#DABCD3
100.0%	100.0% #E2BED9	RGB 226 190 217	#E2BED9

#B5B6B5 #BCB7BB #C4B8C1 #CBBAC7 #D3BBCD #DABCD3 #E2BED9

#B5B6B5 - #E2BED9

HSV Blend

#B5B6B5 - #E2BED9 | 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 #B5B6B5 as 0% and #E2BED9 as 100%.

0.0%	0.0% #B5B6B5	RGB 181 182 181	#B5B6B5
16.7%	16.7% #BABDB7	RGB 186 189 183	#BABDB7
33.3%	33.3% #C3C4B9	RGB 195 196 185	#C3C4B9
50.0%	50.0% #CCC5BB	RGB 204 197 187	#CCC5BB
66.7%	66.7% #D3C0BC	RGB 211 192 188	#D3C0BC
83.3%	83.3% #DABDC5	RGB 218 189 197	#DABDC5
100.0%	100.0% #E2BED9	RGB 226 190 217	#E2BED9

#B5B6B5 #BABDB7 #C3C4B9 #CCC5BB #D3C0BC #DABDC5 #E2BED9

#B5B6B5 - #CCC5BB - #E2BED9

CSS codes

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

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