#5E512D - #422A06 | 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 #5E512D to #422A06

#5E512D #422A06

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

#5E512D - #422A06 | 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 #5E512D as 0% and #422A06 as 100%.

0.0%	0.0% #5E512D	RGB 94 81 45	#5E512D
16.7%	16.7% #594A26	RGB 89 74 38	#594A26
33.3%	33.3% #544420	RGB 84 68 32	#544420
50.0%	50.0% #503D19	RGB 80 61 25	#503D19
66.7%	66.7% #4B3713	RGB 75 55 19	#4B3713
83.3%	83.3% #46300C	RGB 70 48 12	#46300C
100.0%	100.0% #422A06	RGB 66 42 6	#422A06

#5E512D #594A26 #544420 #503D19 #4B3713 #46300C #422A06

#5E512D - #422A06

HSV Blend

#5E512D - #422A06 | 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 #5E512D as 0% and #422A06 as 100%.

0.0%	0.0% #5E512D	RGB 94 81 45	#5E512D
16.7%	16.7% #594A24	RGB 89 74 36	#594A24
33.3%	33.3% #54431D	RGB 84 67 29	#54431D
50.0%	50.0% #503C16	RGB 80 60 22	#503C16
66.7%	66.7% #4B3610	RGB 75 54 16	#4B3610
83.3%	83.3% #46300A	RGB 70 48 10	#46300A
100.0%	100.0% #422A06	RGB 66 42 6	#422A06

#5E512D #594A24 #54431D #503C16 #4B3610 #46300A #422A06

#5E512D - #503C16 - #422A06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E512D 0%, #503C16 50%, #422A06 100%);
    background: -webkit-linear-gradient(top, #5E512D 0%, #503C16 50%, #422A06 100%);
    background: linear-gradient(to bottom, #5E512D 0%, #503C16 50%, #422A06 100%);
}
</style>