#5E231E - #3C060B | 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 #5E231E to #3C060B

#5E231E #3C060B

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

#5E231E - #3C060B | 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 #5E231E as 0% and #3C060B as 100%.

0.0%	0.0% #5E231E	RGB 94 35 30	#5E231E
16.7%	16.7% #581E1A	RGB 88 30 26	#581E1A
33.3%	33.3% #521917	RGB 82 25 23	#521917
50.0%	50.0% #4D1414	RGB 77 20 20	#4D1414
66.7%	66.7% #470F11	RGB 71 15 17	#470F11
83.3%	83.3% #410A0E	RGB 65 10 14	#410A0E
100.0%	100.0% #3C060B	RGB 60 6 11	#3C060B

#5E231E #581E1A #521917 #4D1414 #470F11 #410A0E #3C060B

#5E231E - #3C060B

HSV Blend

#5E231E - #3C060B | 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 #5E231E as 0% and #3C060B as 100%.

0.0%	0.0% #5E231E	RGB 94 35 30	#5E231E
16.7%	16.7% #581C18	RGB 88 28 24	#581C18
33.3%	33.3% #521514	RGB 82 21 20	#521514
50.0%	50.0% #4D1010	RGB 77 16 16	#4D1010
66.7%	66.7% #470C0E	RGB 71 12 14	#470C0E
83.3%	83.3% #41080C	RGB 65 8 12	#41080C
100.0%	100.0% #3C060B	RGB 60 6 11	#3C060B

#5E231E #581C18 #521514 #4D1010 #470C0E #41080C #3C060B

#5E231E - #4D1010 - #3C060B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E231E 0%, #4D1010 50%, #3C060B 100%);
    background: -webkit-linear-gradient(top, #5E231E 0%, #4D1010 50%, #3C060B 100%);
    background: linear-gradient(to bottom, #5E231E 0%, #4D1010 50%, #3C060B 100%);
}
</style>