#5E4D25 - #C6A444 | 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 #5E4D25 to #C6A444

#5E4D25 #C6A444

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

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

0.0%	0.0% #5E4D25	RGB 94 77 37	#5E4D25
16.7%	16.7% #6F5B2A	RGB 111 91 42	#6F5B2A
33.3%	33.3% #806A2F	RGB 128 106 47	#806A2F
50.0%	50.0% #927834	RGB 146 120 52	#927834
66.7%	66.7% #A38739	RGB 163 135 57	#A38739
83.3%	83.3% #B4953E	RGB 180 149 62	#B4953E
100.0%	100.0% #C6A444	RGB 198 164 68	#C6A444

#5E4D25 #6F5B2A #806A2F #927834 #A38739 #B4953E #C6A444

#5E4D25 - #C6A444

HSV Blend

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

0.0%	0.0% #5E4D25	RGB 94 77 37	#5E4D25
16.7%	16.7% #6F5B2A	RGB 111 91 42	#6F5B2A
33.3%	33.3% #806930	RGB 128 105 48	#806930
50.0%	50.0% #927835	RGB 146 120 53	#927835
66.7%	66.7% #A3863A	RGB 163 134 58	#A3863A
83.3%	83.3% #B4953F	RGB 180 149 63	#B4953F
100.0%	100.0% #C6A444	RGB 198 164 68	#C6A444

#5E4D25 #6F5B2A #806930 #927835 #A3863A #B4953F #C6A444

#5E4D25 - #927835 - #C6A444

CSS codes

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

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