#5E201D - #3D1005 | 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 #5E201D to #3D1005

#5E201D #3D1005

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

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

0.0%	0.0% #5E201D	RGB 94 32 29	#5E201D
16.7%	16.7% #581D19	RGB 88 29 25	#581D19
33.3%	33.3% #531A15	RGB 83 26 21	#531A15
50.0%	50.0% #4D1811	RGB 77 24 17	#4D1811
66.7%	66.7% #48150D	RGB 72 21 13	#48150D
83.3%	83.3% #421209	RGB 66 18 9	#421209
100.0%	100.0% #3D1005	RGB 61 16 5	#3D1005

#5E201D #581D19 #531A15 #4D1811 #48150D #421209 #3D1005

#5E201D - #3D1005

HSV Blend

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

0.0%	0.0% #5E201D	RGB 94 32 29	#5E201D
16.7%	16.7% #581C17	RGB 88 28 23	#581C17
33.3%	33.3% #531913	RGB 83 25 19	#531913
50.0%	50.0% #4D160F	RGB 77 22 15	#4D160F
66.7%	66.7% #48140B	RGB 72 20 11	#48140B
83.3%	83.3% #421107	RGB 66 17 7	#421107
100.0%	100.0% #3D1005	RGB 61 16 5	#3D1005

#5E201D #581C17 #531913 #4D160F #48140B #421107 #3D1005

#5E201D - #4D160F - #3D1005

CSS codes

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

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