#5E2F3E - #310D0D | 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 #5E2F3E to #310D0D

#5E2F3E #310D0D

Calculate the color between two colors, #5E2F3E and #310D0D. 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)

#5E2F3E - #310D0D | 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 #5E2F3E as 0% and #310D0D as 100%.

0.0%	0.0% #5E2F3E	RGB 94 47 62	#5E2F3E
16.7%	16.7% #562935	RGB 86 41 53	#562935
33.3%	33.3% #4F232D	RGB 79 35 45	#4F232D
50.0%	50.0% #471E25	RGB 71 30 37	#471E25
66.7%	66.7% #40181D	RGB 64 24 29	#40181D
83.3%	83.3% #381215	RGB 56 18 21	#381215
100.0%	100.0% #310D0D	RGB 49 13 13	#310D0D

#5E2F3E #562935 #4F232D #471E25 #40181D #381215 #310D0D

#5E2F3E - #310D0D

HSV Blend

#5E2F3E - #310D0D | 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 #5E2F3E as 0% and #310D0D as 100%.

0.0%	0.0% #5E2F3E	RGB 94 47 62	#5E2F3E
16.7%	16.7% #562734	RGB 86 39 52	#562734
33.3%	33.3% #4F212B	RGB 79 33 43	#4F212B
50.0%	50.0% #471B22	RGB 71 27 34	#471B22
66.7%	66.7% #40151A	RGB 64 21 26	#40151A
83.3%	83.3% #381113	RGB 56 17 19	#381113
100.0%	100.0% #310D0D	RGB 49 13 13	#310D0D

#5E2F3E #562734 #4F212B #471B22 #40151A #381113 #310D0D

#5E2F3E - #471B22 - #310D0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2F3E 0%, #471B22 50%, #310D0D 100%);
    background: -webkit-linear-gradient(top, #5E2F3E 0%, #471B22 50%, #310D0D 100%);
    background: linear-gradient(to bottom, #5E2F3E 0%, #471B22 50%, #310D0D 100%);
}
</style>