#B9BC9F - #EBEBE3 | 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 #B9BC9F to #EBEBE3

#B9BC9F #EBEBE3

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

#B9BC9F - #EBEBE3 | 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 #B9BC9F as 0% and #EBEBE3 as 100%.

0.0%	0.0% #B9BC9F	RGB 185 188 159	#B9BC9F
16.7%	16.7% #C1C3AA	RGB 193 195 170	#C1C3AA
33.3%	33.3% #C9CBB5	RGB 201 203 181	#C9CBB5
50.0%	50.0% #D2D3C1	RGB 210 211 193	#D2D3C1
66.7%	66.7% #DADBCC	RGB 218 219 204	#DADBCC
83.3%	83.3% #E2E3D7	RGB 226 227 215	#E2E3D7
100.0%	100.0% #EBEBE3	RGB 235 235 227	#EBEBE3

#B9BC9F #C1C3AA #C9CBB5 #D2D3C1 #DADBCC #E2E3D7 #EBEBE3

#B9BC9F - #EBEBE3

HSV Blend

#B9BC9F - #EBEBE3 | 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 #B9BC9F as 0% and #EBEBE3 as 100%.

0.0%	0.0% #B9BC9F	RGB 185 188 159	#B9BC9F
16.7%	16.7% #C1C3A9	RGB 193 195 169	#C1C3A9
33.3%	33.3% #CACBB4	RGB 202 203 180	#CACBB4
50.0%	50.0% #D2D3BF	RGB 210 211 191	#D2D3BF
66.7%	66.7% #DADBCB	RGB 218 219 203	#DADBCB
83.3%	83.3% #E2E3D6	RGB 226 227 214	#E2E3D6
100.0%	100.0% #EBEBE3	RGB 235 235 227	#EBEBE3

#B9BC9F #C1C3A9 #CACBB4 #D2D3BF #DADBCB #E2E3D6 #EBEBE3

#B9BC9F - #D2D3BF - #EBEBE3

CSS codes

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

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