#B2BA3C - #323511 | 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 #B2BA3C to #323511

#B2BA3C #323511

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

#B2BA3C - #323511 | 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 #B2BA3C as 0% and #323511 as 100%.

0.0%	0.0% #B2BA3C	RGB 178 186 60	#B2BA3C
16.7%	16.7% #9CA334	RGB 156 163 52	#9CA334
33.3%	33.3% #878D2D	RGB 135 141 45	#878D2D
50.0%	50.0% #727726	RGB 114 119 38	#727726
66.7%	66.7% #5C611F	RGB 92 97 31	#5C611F
83.3%	83.3% #474B18	RGB 71 75 24	#474B18
100.0%	100.0% #323511	RGB 50 53 17	#323511

#B2BA3C #9CA334 #878D2D #727726 #5C611F #474B18 #323511

#B2BA3C - #323511

HSV Blend

#B2BA3C - #323511 | 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 #B2BA3C as 0% and #323511 as 100%.

0.0%	0.0% #B2BA3C	RGB 178 186 60	#B2BA3C
16.7%	16.7% #9CA334	RGB 156 163 52	#9CA334
33.3%	33.3% #868D2D	RGB 134 141 45	#868D2D
50.0%	50.0% #717726	RGB 113 119 38	#717726
66.7%	66.7% #5C611F	RGB 92 97 31	#5C611F
83.3%	83.3% #474B18	RGB 71 75 24	#474B18
100.0%	100.0% #323511	RGB 50 53 17	#323511

#B2BA3C #9CA334 #868D2D #717726 #5C611F #474B18 #323511

#B2BA3C - #717726 - #323511

CSS codes

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

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