#5E522F - #422B06 | 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 #5E522F to #422B06

#5E522F #422B06

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

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

0.0%	0.0% #5E522F	RGB 94 82 47	#5E522F
16.7%	16.7% #594B28	RGB 89 75 40	#594B28
33.3%	33.3% #544521	RGB 84 69 33	#544521
50.0%	50.0% #503E1A	RGB 80 62 26	#503E1A
66.7%	66.7% #4B3813	RGB 75 56 19	#4B3813
83.3%	83.3% #46310C	RGB 70 49 12	#46310C
100.0%	100.0% #422B06	RGB 66 43 6	#422B06

#5E522F #594B28 #544521 #503E1A #4B3813 #46310C #422B06

#5E522F - #422B06

HSV Blend

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

0.0%	0.0% #5E522F	RGB 94 82 47	#5E522F
16.7%	16.7% #594B26	RGB 89 75 38	#594B26
33.3%	33.3% #54441E	RGB 84 68 30	#54441E
50.0%	50.0% #503E17	RGB 80 62 23	#503E17
66.7%	66.7% #4B3711	RGB 75 55 17	#4B3711
83.3%	83.3% #46310B	RGB 70 49 11	#46310B
100.0%	100.0% #422B06	RGB 66 43 6	#422B06

#5E522F #594B26 #54441E #503E17 #4B3711 #46310B #422B06

#5E522F - #503E17 - #422B06

CSS codes

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

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