#5E1914 - #B04E2F | 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 #5E1914 to #B04E2F

#5E1914 #B04E2F

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

#5E1914 - #B04E2F | 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 #5E1914 as 0% and #B04E2F as 100%.

0.0%	0.0% #5E1914	RGB 94 25 20	#5E1914
16.7%	16.7% #6B2118	RGB 107 33 24	#6B2118
33.3%	33.3% #792A1D	RGB 121 42 29	#792A1D
50.0%	50.0% #873321	RGB 135 51 33	#873321
66.7%	66.7% #943C26	RGB 148 60 38	#943C26
83.3%	83.3% #A2452A	RGB 162 69 42	#A2452A
100.0%	100.0% #B04E2F	RGB 176 78 47	#B04E2F

#5E1914 #6B2118 #792A1D #873321 #943C26 #A2452A #B04E2F

#5E1914 - #B04E2F

HSV Blend

#5E1914 - #B04E2F | 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 #5E1914 as 0% and #B04E2F as 100%.

0.0%	0.0% #5E1913	RGB 94 25 19	#5E1913
16.7%	16.7% #6B1F17	RGB 107 31 23	#6B1F17
33.3%	33.3% #79271C	RGB 121 39 28	#79271C
50.0%	50.0% #873020	RGB 135 48 32	#873020
66.7%	66.7% #943925	RGB 148 57 37	#943925
83.3%	83.3% #A24329	RGB 162 67 41	#A24329
100.0%	100.0% #B04E2F	RGB 176 78 47	#B04E2F

#5E1913 #6B1F17 #79271C #873020 #943925 #A24329 #B04E2F

#5E1914 - #873020 - #B04E2F

CSS codes

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

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