#5E2A3E - #310B0D | 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 #5E2A3E to #310B0D

#5E2A3E #310B0D

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

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

0.0%	0.0% #5E2A3E	RGB 94 42 62	#5E2A3E
16.7%	16.7% #562435	RGB 86 36 53	#562435
33.3%	33.3% #4F1F2D	RGB 79 31 45	#4F1F2D
50.0%	50.0% #471A25	RGB 71 26 37	#471A25
66.7%	66.7% #40151D	RGB 64 21 29	#40151D
83.3%	83.3% #381015	RGB 56 16 21	#381015
100.0%	100.0% #310B0D	RGB 49 11 13	#310B0D

#5E2A3E #562435 #4F1F2D #471A25 #40151D #381015 #310B0D

#5E2A3E - #310B0D

HSV Blend

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

0.0%	0.0% #5E2A3E	RGB 94 42 62	#5E2A3E
16.7%	16.7% #562334	RGB 86 35 52	#562334
33.3%	33.3% #4F1D2B	RGB 79 29 43	#4F1D2B
50.0%	50.0% #471722	RGB 71 23 34	#471722
66.7%	66.7% #40131A	RGB 64 19 26	#40131A
83.3%	83.3% #380E13	RGB 56 14 19	#380E13
100.0%	100.0% #310B0D	RGB 49 11 13	#310B0D

#5E2A3E #562334 #4F1D2B #471722 #40131A #380E13 #310B0D

#5E2A3E - #471722 - #310B0D

CSS codes

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

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