#5E352D - #BBD16B | 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 #5E352D to #BBD16B

#5E352D #BBD16B

Calculate the color between two colors, #5E352D and #BBD16B. 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)

#5E352D - #BBD16B | 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 #5E352D as 0% and #BBD16B as 100%.

0.0%	0.0% #5E352D	RGB 94 53 45	#5E352D
16.7%	16.7% #6D4F37	RGB 109 79 55	#6D4F37
33.3%	33.3% #7D6941	RGB 125 105 65	#7D6941
50.0%	50.0% #8C834C	RGB 140 131 76	#8C834C
66.7%	66.7% #9C9D56	RGB 156 157 86	#9C9D56
83.3%	83.3% #ABB760	RGB 171 183 96	#ABB760
100.0%	100.0% #BBD16B	RGB 187 209 107	#BBD16B

#5E352D #6D4F37 #7D6941 #8C834C #9C9D56 #ABB760 #BBD16B

#5E352D - #BBD16B

HSV Blend

#5E352D - #BBD16B | 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 #5E352D as 0% and #BBD16B as 100%.

0.0%	0.0% #5E352D	RGB 94 53 45	#5E352D
16.7%	16.7% #714A36	RGB 113 74 54	#714A36
33.3%	33.3% #846340	RGB 132 99 64	#846340
50.0%	50.0% #977F4B	RGB 151 127 75	#977F4B
66.7%	66.7% #AA9F55	RGB 170 159 85	#AA9F55
83.3%	83.3% #BABD60	RGB 186 189 96	#BABD60
100.0%	100.0% #BBD16B	RGB 187 209 107	#BBD16B

#5E352D #714A36 #846340 #977F4B #AA9F55 #BABD60 #BBD16B

#5E352D - #977F4B - #BBD16B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E352D 0%, #977F4B 50%, #BBD16B 100%);
    background: -webkit-linear-gradient(top, #5E352D 0%, #977F4B 50%, #BBD16B 100%);
    background: linear-gradient(to bottom, #5E352D 0%, #977F4B 50%, #BBD16B 100%);
}
</style>