#B9BFA6 - #EBECE5 | 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 #B9BFA6 to #EBECE5

#B9BFA6 #EBECE5

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

#B9BFA6 - #EBECE5 | 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 #B9BFA6 as 0% and #EBECE5 as 100%.

0.0%	0.0% #B9BFA6	RGB 185 191 166	#B9BFA6
16.7%	16.7% #C1C6B0	RGB 193 198 176	#C1C6B0
33.3%	33.3% #C9CEBB	RGB 201 206 187	#C9CEBB
50.0%	50.0% #D2D5C5	RGB 210 213 197	#D2D5C5
66.7%	66.7% #DADDD0	RGB 218 221 208	#DADDD0
83.3%	83.3% #E2E4DA	RGB 226 228 218	#E2E4DA
100.0%	100.0% #EBECE5	RGB 235 236 229	#EBECE5

#B9BFA6 #C1C6B0 #C9CEBB #D2D5C5 #DADDD0 #E2E4DA #EBECE5

#B9BFA6 - #EBECE5

HSV Blend

#B9BFA6 - #EBECE5 | 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 #B9BFA6 as 0% and #EBECE5 as 100%.

0.0%	0.0% #B9BFA6	RGB 185 191 166	#B9BFA6
16.7%	16.7% #C1C6AF	RGB 193 198 175	#C1C6AF
33.3%	33.3% #C9CEB9	RGB 201 206 185	#C9CEB9
50.0%	50.0% #D2D5C4	RGB 210 213 196	#D2D5C4
66.7%	66.7% #DADDCE	RGB 218 221 206	#DADDCE
83.3%	83.3% #E2E4D9	RGB 226 228 217	#E2E4D9
100.0%	100.0% #EBECE5	RGB 235 236 229	#EBECE5

#B9BFA6 #C1C6AF #C9CEB9 #D2D5C4 #DADDCE #E2E4D9 #EBECE5

#B9BFA6 - #D2D5C4 - #EBECE5

CSS codes

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

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