#5E4E3E - #312B0E | 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 #5E4E3E to #312B0E

#5E4E3E #312B0E

Calculate the color between two colors, #5E4E3E and #312B0E. 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)

#5E4E3E - #312B0E | 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 #5E4E3E as 0% and #312B0E as 100%.

0.0%	0.0% #5E4E3E	RGB 94 78 62	#5E4E3E
16.7%	16.7% #564836	RGB 86 72 54	#564836
33.3%	33.3% #4F422E	RGB 79 66 46	#4F422E
50.0%	50.0% #473C26	RGB 71 60 38	#473C26
66.7%	66.7% #40361E	RGB 64 54 30	#40361E
83.3%	83.3% #383016	RGB 56 48 22	#383016
100.0%	100.0% #312B0E	RGB 49 43 14	#312B0E

#5E4E3E #564836 #4F422E #473C26 #40361E #383016 #312B0E

#5E4E3E - #312B0E

HSV Blend

#5E4E3E - #312B0E | 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 #5E4E3E as 0% and #312B0E as 100%.

0.0%	0.0% #5E4E3E	RGB 94 78 62	#5E4E3E
16.7%	16.7% #564633	RGB 86 70 51	#564633
33.3%	33.3% #4F402A	RGB 79 64 42	#4F402A
50.0%	50.0% #473A21	RGB 71 58 33	#473A21
66.7%	66.7% #40351A	RGB 64 53 26	#40351A
83.3%	83.3% #383013	RGB 56 48 19	#383013
100.0%	100.0% #312B0E	RGB 49 43 14	#312B0E

#5E4E3E #564633 #4F402A #473A21 #40351A #383013 #312B0E

#5E4E3E - #473A21 - #312B0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4E3E 0%, #473A21 50%, #312B0E 100%);
    background: -webkit-linear-gradient(top, #5E4E3E 0%, #473A21 50%, #312B0E 100%);
    background: linear-gradient(to bottom, #5E4E3E 0%, #473A21 50%, #312B0E 100%);
}
</style>