#5E522D - #C58655 | 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 #5E522D to #C58655

#5E522D #C58655

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

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

0.0%	0.0% #5E522D	RGB 94 82 45	#5E522D
16.7%	16.7% #6F5A33	RGB 111 90 51	#6F5A33
33.3%	33.3% #80633A	RGB 128 99 58	#80633A
50.0%	50.0% #916C41	RGB 145 108 65	#916C41
66.7%	66.7% #A27447	RGB 162 116 71	#A27447
83.3%	83.3% #B37D4E	RGB 179 125 78	#B37D4E
100.0%	100.0% #C58655	RGB 197 134 85	#C58655

#5E522D #6F5A33 #80633A #916C41 #A27447 #B37D4E #C58655

#5E522D - #C58655

HSV Blend

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

0.0%	0.0% #5E522D	RGB 94 82 45	#5E522D
16.7%	16.7% #6F5D34	RGB 111 93 52	#6F5D34
33.3%	33.3% #80683B	RGB 128 104 59	#80683B
50.0%	50.0% #917142	RGB 145 113 66	#917142
66.7%	66.7% #A27948	RGB 162 121 72	#A27948
83.3%	83.3% #B3804F	RGB 179 128 79	#B3804F
100.0%	100.0% #C58655	RGB 197 134 85	#C58655

#5E522D #6F5D34 #80683B #917142 #A27948 #B3804F #C58655

#5E522D - #917142 - #C58655

CSS codes

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

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