#5E4011 - #B98E2B | 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 #5E4011 to #B98E2B

#5E4011 #B98E2B

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

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

0.0%	0.0% #5E4011	RGB 94 64 17	#5E4011
16.7%	16.7% #6D4D15	RGB 109 77 21	#6D4D15
33.3%	33.3% #7C5A19	RGB 124 90 25	#7C5A19
50.0%	50.0% #8B671E	RGB 139 103 30	#8B671E
66.7%	66.7% #9A7422	RGB 154 116 34	#9A7422
83.3%	83.3% #A98126	RGB 169 129 38	#A98126
100.0%	100.0% #B98E2B	RGB 185 142 43	#B98E2B

#5E4011 #6D4D15 #7C5A19 #8B671E #9A7422 #A98126 #B98E2B

#5E4011 - #B98E2B

HSV Blend

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

0.0%	0.0% #5E4010	RGB 94 64 16	#5E4010
16.7%	16.7% #6D4B14	RGB 109 75 20	#6D4B14
33.3%	33.3% #7C5818	RGB 124 88 24	#7C5818
50.0%	50.0% #8B651C	RGB 139 101 28	#8B651C
66.7%	66.7% #9A7221	RGB 154 114 33	#9A7221
83.3%	83.3% #A98026	RGB 169 128 38	#A98026
100.0%	100.0% #B98E2B	RGB 185 142 43	#B98E2B

#5E4010 #6D4B14 #7C5818 #8B651C #9A7221 #A98026 #B98E2B

#5E4011 - #8B651C - #B98E2B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4010 0%, #8B651C 50%, #B98E2B 100%);
    background: -webkit-linear-gradient(top, #5E4010 0%, #8B651C 50%, #B98E2B 100%);
    background: linear-gradient(to bottom, #5E4010 0%, #8B651C 50%, #B98E2B 100%);
}
</style>