#5E4128 - #C98448 | 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 #5E4128 to #C98448

#5E4128 #C98448

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

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

0.0%	0.0% #5E4128	RGB 94 65 40	#5E4128
16.7%	16.7% #6F4C2D	RGB 111 76 45	#6F4C2D
33.3%	33.3% #815732	RGB 129 87 50	#815732
50.0%	50.0% #936238	RGB 147 98 56	#936238
66.7%	66.7% #A56D3D	RGB 165 109 61	#A56D3D
83.3%	83.3% #B77842	RGB 183 120 66	#B77842
100.0%	100.0% #C98448	RGB 201 132 72	#C98448

#5E4128 #6F4C2D #815732 #936238 #A56D3D #B77842 #C98448

#5E4128 - #C98448

HSV Blend

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

0.0%	0.0% #5E4128	RGB 94 65 40	#5E4128
16.7%	16.7% #6F4C2E	RGB 111 76 46	#6F4C2E
33.3%	33.3% #815834	RGB 129 88 52	#815834
50.0%	50.0% #936339	RGB 147 99 57	#936339
66.7%	66.7% #A56E3E	RGB 165 110 62	#A56E3E
83.3%	83.3% #B77943	RGB 183 121 67	#B77943
100.0%	100.0% #C98448	RGB 201 132 72	#C98448

#5E4128 #6F4C2E #815834 #936339 #A56E3E #B77943 #C98448

#5E4128 - #936339 - #C98448

CSS codes

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

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