#5E1E2C - #3E040A | 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 #5E1E2C to #3E040A

#5E1E2C #3E040A

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

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

0.0%	0.0% #5E1E2C	RGB 94 30 44	#5E1E2C
16.7%	16.7% #581926	RGB 88 25 38	#581926
33.3%	33.3% #531520	RGB 83 21 32	#531520
50.0%	50.0% #4E111B	RGB 78 17 27	#4E111B
66.7%	66.7% #480C15	RGB 72 12 21	#480C15
83.3%	83.3% #43080F	RGB 67 8 15	#43080F
100.0%	100.0% #3E040A	RGB 62 4 10	#3E040A

#5E1E2C #581926 #531520 #4E111B #480C15 #43080F #3E040A

#5E1E2C - #3E040A

HSV Blend

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

0.0%	0.0% #5E1E2B	RGB 94 30 43	#5E1E2B
16.7%	16.7% #581825	RGB 88 24 37	#581825
33.3%	33.3% #53131F	RGB 83 19 31	#53131F
50.0%	50.0% #4E0E19	RGB 78 14 25	#4E0E19
66.7%	66.7% #480A13	RGB 72 10 19	#480A13
83.3%	83.3% #43070E	RGB 67 7 14	#43070E
100.0%	100.0% #3E040A	RGB 62 4 10	#3E040A

#5E1E2B #581825 #53131F #4E0E19 #480A13 #43070E #3E040A

#5E1E2C - #4E0E19 - #3E040A

CSS codes

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

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