#BCBF5E - #7E871B | 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 #BCBF5E to #7E871B

#BCBF5E #7E871B

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

#BCBF5E - #7E871B | 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 #BCBF5E as 0% and #7E871B as 100%.

0.0%	0.0% #BCBF5E	RGB 188 191 94	#BCBF5E
16.7%	16.7% #B1B552	RGB 177 181 82	#B1B552
33.3%	33.3% #A7AC47	RGB 167 172 71	#A7AC47
50.0%	50.0% #9DA33C	RGB 157 163 60	#9DA33C
66.7%	66.7% #929931	RGB 146 153 49	#929931
83.3%	83.3% #889026	RGB 136 144 38	#889026
100.0%	100.0% #7E871B	RGB 126 135 27	#7E871B

#BCBF5E #B1B552 #A7AC47 #9DA33C #929931 #889026 #7E871B

#BCBF5E - #7E871B

HSV Blend

#BCBF5E - #7E871B | 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 #BCBF5E as 0% and #7E871B as 100%.

0.0%	0.0% #BCBF5E	RGB 188 191 94	#BCBF5E
16.7%	16.7% #B1B550	RGB 177 181 80	#B1B550
33.3%	33.3% #A7AC44	RGB 167 172 68	#A7AC44
50.0%	50.0% #9CA338	RGB 156 163 56	#9CA338
66.7%	66.7% #92992D	RGB 146 153 45	#92992D
83.3%	83.3% #889023	RGB 136 144 35	#889023
100.0%	100.0% #7E871B	RGB 126 135 27	#7E871B

#BCBF5E #B1B550 #A7AC44 #9CA338 #92992D #889023 #7E871B

#BCBF5E - #9CA338 - #7E871B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCBF5E 0%, #9CA338 50%, #7E871B 100%);
    background: -webkit-linear-gradient(top, #BCBF5E 0%, #9CA338 50%, #7E871B 100%);
    background: linear-gradient(to bottom, #BCBF5E 0%, #9CA338 50%, #7E871B 100%);
}
</style>