#B8C76B - #34381E | 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 #B8C76B to #34381E

#B8C76B #34381E

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

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

0.0%	0.0% #B8C76B	RGB 184 199 107	#B8C76B
16.7%	16.7% #A2AF5E	RGB 162 175 94	#A2AF5E
33.3%	33.3% #8C9751	RGB 140 151 81	#8C9751
50.0%	50.0% #767F44	RGB 118 127 68	#767F44
66.7%	66.7% #606737	RGB 96 103 55	#606737
83.3%	83.3% #4A4F2A	RGB 74 79 42	#4A4F2A
100.0%	100.0% #34381E	RGB 52 56 30	#34381E

#B8C76B #A2AF5E #8C9751 #767F44 #606737 #4A4F2A #34381E

#B8C76B - #34381E

HSV Blend

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

0.0%	0.0% #B8C76B	RGB 184 199 107	#B8C76B
16.7%	16.7% #A2AF5E	RGB 162 175 94	#A2AF5E
33.3%	33.3% #8C9751	RGB 140 151 81	#8C9751
50.0%	50.0% #767F44	RGB 118 127 68	#767F44
66.7%	66.7% #606737	RGB 96 103 55	#606737
83.3%	83.3% #4A4F2A	RGB 74 79 42	#4A4F2A
100.0%	100.0% #34381E	RGB 52 56 30	#34381E

#B8C76B #A2AF5E #8C9751 #767F44 #606737 #4A4F2A #34381E

#B8C76B - #767F44 - #34381E

CSS codes

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

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