#5E1915 - #2D1403 | 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 #5E1915 to #2D1403

#5E1915 #2D1403

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

#5E1915 - #2D1403 | 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 #5E1915 as 0% and #2D1403 as 100%.

0.0%	0.0% #5E1915	RGB 94 25 21	#5E1915
16.7%	16.7% #551812	RGB 85 24 18	#551812
33.3%	33.3% #4D170F	RGB 77 23 15	#4D170F
50.0%	50.0% #45160C	RGB 69 22 12	#45160C
66.7%	66.7% #3D1509	RGB 61 21 9	#3D1509
83.3%	83.3% #351406	RGB 53 20 6	#351406
100.0%	100.0% #2D1403	RGB 45 20 3	#2D1403

#5E1915 #551812 #4D170F #45160C #3D1509 #351406 #2D1403

#5E1915 - #2D1403

HSV Blend

#5E1915 - #2D1403 | 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 #5E1915 as 0% and #2D1403 as 100%.

0.0%	0.0% #5E1914	RGB 94 25 20	#5E1914
16.7%	16.7% #551810	RGB 85 24 16	#551810
33.3%	33.3% #4D180D	RGB 77 24 13	#4D180D
50.0%	50.0% #45170A	RGB 69 23 10	#45170A
66.7%	66.7% #3D1607	RGB 61 22 7	#3D1607
83.3%	83.3% #351504	RGB 53 21 4	#351504
100.0%	100.0% #2D1403	RGB 45 20 3	#2D1403

#5E1914 #551810 #4D180D #45170A #3D1607 #351504 #2D1403

#5E1915 - #45170A - #2D1403

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1914 0%, #45170A 50%, #2D1403 100%);
    background: -webkit-linear-gradient(top, #5E1914 0%, #45170A 50%, #2D1403 100%);
    background: linear-gradient(to bottom, #5E1914 0%, #45170A 50%, #2D1403 100%);
}
</style>