#5E4745 - #521D08 | 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 #5E4745 to #521D08

#5E4745 #521D08

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

#5E4745 - #521D08 | 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 #5E4745 as 0% and #521D08 as 100%.

0.0%	0.0% #5E4745	RGB 94 71 69	#5E4745
16.7%	16.7% #5C403A	RGB 92 64 58	#5C403A
33.3%	33.3% #5A3930	RGB 90 57 48	#5A3930
50.0%	50.0% #583226	RGB 88 50 38	#583226
66.7%	66.7% #562B1C	RGB 86 43 28	#562B1C
83.3%	83.3% #542412	RGB 84 36 18	#542412
100.0%	100.0% #521D08	RGB 82 29 8	#521D08

#5E4745 #5C403A #5A3930 #583226 #562B1C #542412 #521D08

#5E4745 - #521D08

HSV Blend

#5E4745 - #521D08 | 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 #5E4745 as 0% and #521D08 as 100%.

0.0%	0.0% #5E4745	RGB 94 71 69	#5E4745
16.7%	16.7% #5C3D39	RGB 92 61 57	#5C3D39
33.3%	33.3% #5A352E	RGB 90 53 46	#5A352E
50.0%	50.0% #582D24	RGB 88 45 36	#582D24
66.7%	66.7% #56271A	RGB 86 39 26	#56271A
83.3%	83.3% #542111	RGB 84 33 17	#542111
100.0%	100.0% #521D08	RGB 82 29 8	#521D08

#5E4745 #5C3D39 #5A352E #582D24 #56271A #542111 #521D08

#5E4745 - #582D24 - #521D08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4745 0%, #582D24 50%, #521D08 100%);
    background: -webkit-linear-gradient(top, #5E4745 0%, #582D24 50%, #521D08 100%);
    background: linear-gradient(to bottom, #5E4745 0%, #582D24 50%, #521D08 100%);
}
</style>