#5E512A - #412A05 | 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 #5E512A to #412A05

#5E512A #412A05

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

#5E512A - #412A05 | 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 #5E512A as 0% and #412A05 as 100%.

0.0%	0.0% #5E512A	RGB 94 81 42	#5E512A
16.7%	16.7% #594A23	RGB 89 74 35	#594A23
33.3%	33.3% #54441D	RGB 84 68 29	#54441D
50.0%	50.0% #4F3D17	RGB 79 61 23	#4F3D17
66.7%	66.7% #4A3711	RGB 74 55 17	#4A3711
83.3%	83.3% #45300B	RGB 69 48 11	#45300B
100.0%	100.0% #412A05	RGB 65 42 5	#412A05

#5E512A #594A23 #54441D #4F3D17 #4A3711 #45300B #412A05

#5E512A - #412A05

HSV Blend

#5E512A - #412A05 | 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 #5E512A as 0% and #412A05 as 100%.

0.0%	0.0% #5E512A	RGB 94 81 42	#5E512A
16.7%	16.7% #594A22	RGB 89 74 34	#594A22
33.3%	33.3% #54431B	RGB 84 67 27	#54431B
50.0%	50.0% #4F3C14	RGB 79 60 20	#4F3C14
66.7%	66.7% #4A360E	RGB 74 54 14	#4A360E
83.3%	83.3% #453009	RGB 69 48 9	#453009
100.0%	100.0% #412A05	RGB 65 42 5	#412A05

#5E512A #594A22 #54431B #4F3C14 #4A360E #453009 #412A05

#5E512A - #4F3C14 - #412A05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E512A 0%, #4F3C14 50%, #412A05 100%);
    background: -webkit-linear-gradient(top, #5E512A 0%, #4F3C14 50%, #412A05 100%);
    background: linear-gradient(to bottom, #5E512A 0%, #4F3C14 50%, #412A05 100%);
}
</style>