#5E4226 - #C98545 | 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 #5E4226 to #C98545

#5E4226 #C98545

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

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

0.0%	0.0% #5E4226	RGB 94 66 38	#5E4226
16.7%	16.7% #6F4D2B	RGB 111 77 43	#6F4D2B
33.3%	33.3% #815830	RGB 129 88 48	#815830
50.0%	50.0% #936335	RGB 147 99 53	#936335
66.7%	66.7% #A56E3A	RGB 165 110 58	#A56E3A
83.3%	83.3% #B7793F	RGB 183 121 63	#B7793F
100.0%	100.0% #C98545	RGB 201 133 69	#C98545

#5E4226 #6F4D2B #815830 #936335 #A56E3A #B7793F #C98545

#5E4226 - #C98545

HSV Blend

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

0.0%	0.0% #5E4226	RGB 94 66 38	#5E4226
16.7%	16.7% #6F4D2C	RGB 111 77 44	#6F4D2C
33.3%	33.3% #815931	RGB 129 89 49	#815931
50.0%	50.0% #936437	RGB 147 100 55	#936437
66.7%	66.7% #A56F3C	RGB 165 111 60	#A56F3C
83.3%	83.3% #B77A40	RGB 183 122 64	#B77A40
100.0%	100.0% #C98545	RGB 201 133 69	#C98545

#5E4226 #6F4D2C #815931 #936437 #A56F3C #B77A40 #C98545

#5E4226 - #936437 - #C98545

CSS codes

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

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