#5E4946 - #521E08 | 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 #5E4946 to #521E08

#5E4946 #521E08

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

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

0.0%	0.0% #5E4946	RGB 94 73 70	#5E4946
16.7%	16.7% #5C413B	RGB 92 65 59	#5C413B
33.3%	33.3% #5A3A31	RGB 90 58 49	#5A3A31
50.0%	50.0% #583327	RGB 88 51 39	#583327
66.7%	66.7% #562C1C	RGB 86 44 28	#562C1C
83.3%	83.3% #542512	RGB 84 37 18	#542512
100.0%	100.0% #521E08	RGB 82 30 8	#521E08

#5E4946 #5C413B #5A3A31 #583327 #562C1C #542512 #521E08

#5E4946 - #521E08

HSV Blend

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

0.0%	0.0% #5E4946	RGB 94 73 70	#5E4946
16.7%	16.7% #5C3F3A	RGB 92 63 58	#5C3F3A
33.3%	33.3% #5A372F	RGB 90 55 47	#5A372F
50.0%	50.0% #582F25	RGB 88 47 37	#582F25
66.7%	66.7% #56291A	RGB 86 41 26	#56291A
83.3%	83.3% #542311	RGB 84 35 17	#542311
100.0%	100.0% #521E08	RGB 82 30 8	#521E08

#5E4946 #5C3F3A #5A372F #582F25 #56291A #542311 #521E08

#5E4946 - #582F25 - #521E08

CSS codes

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

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