#5E4126 - #C98445 | 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 #5E4126 to #C98445

#5E4126 #C98445

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

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

0.0%	0.0% #5E4126	RGB 94 65 38	#5E4126
16.7%	16.7% #6F4C2B	RGB 111 76 43	#6F4C2B
33.3%	33.3% #815730	RGB 129 87 48	#815730
50.0%	50.0% #936235	RGB 147 98 53	#936235
66.7%	66.7% #A56D3A	RGB 165 109 58	#A56D3A
83.3%	83.3% #B7783F	RGB 183 120 63	#B7783F
100.0%	100.0% #C98445	RGB 201 132 69	#C98445

#5E4126 #6F4C2B #815730 #936235 #A56D3A #B7783F #C98445

#5E4126 - #C98445

HSV Blend

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

0.0%	0.0% #5E4126	RGB 94 65 38	#5E4126
16.7%	16.7% #6F4C2C	RGB 111 76 44	#6F4C2C
33.3%	33.3% #815831	RGB 129 88 49	#815831
50.0%	50.0% #936337	RGB 147 99 55	#936337
66.7%	66.7% #A56E3C	RGB 165 110 60	#A56E3C
83.3%	83.3% #B77940	RGB 183 121 64	#B77940
100.0%	100.0% #C98445	RGB 201 132 69	#C98445

#5E4126 #6F4C2C #815831 #936337 #A56E3C #B77940 #C98445

#5E4126 - #936337 - #C98445

CSS codes

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

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