#B9BC3E - #EAEBC7 | 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 #B9BC3E to #EAEBC7

#B9BC3E #EAEBC7

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

#B9BC3E - #EAEBC7 | 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 #B9BC3E as 0% and #EAEBC7 as 100%.

0.0%	0.0% #B9BC3E	RGB 185 188 62	#B9BC3E
16.7%	16.7% #C1C354	RGB 193 195 84	#C1C354
33.3%	33.3% #C9CB6B	RGB 201 203 107	#C9CB6B
50.0%	50.0% #D1D382	RGB 209 211 130	#D1D382
66.7%	66.7% #D9DB99	RGB 217 219 153	#D9DB99
83.3%	83.3% #E1E3B0	RGB 225 227 176	#E1E3B0
100.0%	100.0% #EAEBC7	RGB 234 235 199	#EAEBC7

#B9BC3E #C1C354 #C9CB6B #D1D382 #D9DB99 #E1E3B0 #EAEBC7

#B9BC3E - #EAEBC7

HSV Blend

#B9BC3E - #EAEBC7 | 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 #B9BC3E as 0% and #EAEBC7 as 100%.

0.0%	0.0% #B9BC3E	RGB 185 188 62	#B9BC3E
16.7%	16.7% #C1C351	RGB 193 195 81	#C1C351
33.3%	33.3% #C9CB66	RGB 201 203 102	#C9CB66
50.0%	50.0% #D1D37C	RGB 209 211 124	#D1D37C
66.7%	66.7% #D9DB93	RGB 217 219 147	#D9DB93
83.3%	83.3% #E1E3AC	RGB 225 227 172	#E1E3AC
100.0%	100.0% #EAEBC7	RGB 234 235 199	#EAEBC7

#B9BC3E #C1C351 #C9CB66 #D1D37C #D9DB93 #E1E3AC #EAEBC7

#B9BC3E - #D1D37C - #EAEBC7

CSS codes

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

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