#5E4131 - #C98654 | 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 #5E4131 to #C98654

#5E4131 #C98654

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

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

0.0%	0.0% #5E4131	RGB 94 65 49	#5E4131
16.7%	16.7% #6F4C36	RGB 111 76 54	#6F4C36
33.3%	33.3% #81583C	RGB 129 88 60	#81583C
50.0%	50.0% #936342	RGB 147 99 66	#936342
66.7%	66.7% #A56F48	RGB 165 111 72	#A56F48
83.3%	83.3% #B77A4E	RGB 183 122 78	#B77A4E
100.0%	100.0% #C98654	RGB 201 134 84	#C98654

#5E4131 #6F4C36 #81583C #936342 #A56F48 #B77A4E #C98654

#5E4131 - #C98654

HSV Blend

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

0.0%	0.0% #5E4131	RGB 94 65 49	#5E4131
16.7%	16.7% #6F4C38	RGB 111 76 56	#6F4C38
33.3%	33.3% #81583F	RGB 129 88 63	#81583F
50.0%	50.0% #936345	RGB 147 99 69	#936345
66.7%	66.7% #A56F4A	RGB 165 111 74	#A56F4A
83.3%	83.3% #B77A4F	RGB 183 122 79	#B77A4F
100.0%	100.0% #C98654	RGB 201 134 84	#C98654

#5E4131 #6F4C38 #81583F #936345 #A56F4A #B77A4F #C98654

#5E4131 - #936345 - #C98654

CSS codes

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

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