#5E3E39 - #311D0E | 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 #5E3E39 to #311D0E

#5E3E39 #311D0E

Calculate the color between two colors, #5E3E39 and #311D0E. 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)

#5E3E39 - #311D0E | 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 #5E3E39 as 0% and #311D0E as 100%.

0.0%	0.0% #5E3E39	RGB 94 62 57	#5E3E39
16.7%	16.7% #563831	RGB 86 56 49	#563831
33.3%	33.3% #4F332A	RGB 79 51 42	#4F332A
50.0%	50.0% #472D23	RGB 71 45 35	#472D23
66.7%	66.7% #40281C	RGB 64 40 28	#40281C
83.3%	83.3% #382215	RGB 56 34 21	#382215
100.0%	100.0% #311D0E	RGB 49 29 14	#311D0E

#5E3E39 #563831 #4F332A #472D23 #40281C #382215 #311D0E

#5E3E39 - #311D0E

HSV Blend

#5E3E39 - #311D0E | 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 #5E3E39 as 0% and #311D0E as 100%.

0.0%	0.0% #5E3E39	RGB 94 62 57	#5E3E39
16.7%	16.7% #56362F	RGB 86 54 47	#56362F
33.3%	33.3% #4F3027	RGB 79 48 39	#4F3027
50.0%	50.0% #472B1F	RGB 71 43 31	#472B1F
66.7%	66.7% #402519	RGB 64 37 25	#402519
83.3%	83.3% #382113	RGB 56 33 19	#382113
100.0%	100.0% #311D0E	RGB 49 29 14	#311D0E

#5E3E39 #56362F #4F3027 #472B1F #402519 #382113 #311D0E

#5E3E39 - #472B1F - #311D0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E39 0%, #472B1F 50%, #311D0E 100%);
    background: -webkit-linear-gradient(top, #5E3E39 0%, #472B1F 50%, #311D0E 100%);
    background: linear-gradient(to bottom, #5E3E39 0%, #472B1F 50%, #311D0E 100%);
}
</style>