#B9C26C - #34371E | 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 #B9C26C to #34371E

#B9C26C #34371E

Calculate the color between two colors, #B9C26C and #34371E. 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)

#B9C26C - #34371E | 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 #B9C26C as 0% and #34371E as 100%.

0.0%	0.0% #B9C26C	RGB 185 194 108	#B9C26C
16.7%	16.7% #A2AA5F	RGB 162 170 95	#A2AA5F
33.3%	33.3% #8C9352	RGB 140 147 82	#8C9352
50.0%	50.0% #767C45	RGB 118 124 69	#767C45
66.7%	66.7% #606538	RGB 96 101 56	#606538
83.3%	83.3% #4A4E2B	RGB 74 78 43	#4A4E2B
100.0%	100.0% #34371E	RGB 52 55 30	#34371E

#B9C26C #A2AA5F #8C9352 #767C45 #606538 #4A4E2B #34371E

#B9C26C - #34371E

HSV Blend

#B9C26C - #34371E | 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 #B9C26C as 0% and #34371E as 100%.

0.0%	0.0% #B9C26C	RGB 185 194 108	#B9C26C
16.7%	16.7% #A2AA5E	RGB 162 170 94	#A2AA5E
33.3%	33.3% #8C9351	RGB 140 147 81	#8C9351
50.0%	50.0% #767C44	RGB 118 124 68	#767C44
66.7%	66.7% #606537	RGB 96 101 55	#606537
83.3%	83.3% #4A4E2A	RGB 74 78 42	#4A4E2A
100.0%	100.0% #34371E	RGB 52 55 30	#34371E

#B9C26C #A2AA5E #8C9351 #767C44 #606537 #4A4E2A #34371E

#B9C26C - #767C44 - #34371E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C26C 0%, #767C44 50%, #34371E 100%);
    background: -webkit-linear-gradient(top, #B9C26C 0%, #767C44 50%, #34371E 100%);
    background: linear-gradient(to bottom, #B9C26C 0%, #767C44 50%, #34371E 100%);
}
</style>