#5E2020 - #3F0F05 | 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 #5E2020 to #3F0F05

#5E2020 #3F0F05

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

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

0.0%	0.0% #5E2020	RGB 94 32 32	#5E2020
16.7%	16.7% #581D1B	RGB 88 29 27	#581D1B
33.3%	33.3% #531A17	RGB 83 26 23	#531A17
50.0%	50.0% #4E1712	RGB 78 23 18	#4E1712
66.7%	66.7% #49140E	RGB 73 20 14	#49140E
83.3%	83.3% #441109	RGB 68 17 9	#441109
100.0%	100.0% #3F0F05	RGB 63 15 5	#3F0F05

#5E2020 #581D1B #531A17 #4E1712 #49140E #441109 #3F0F05

#5E2020 - #3F0F05

HSV Blend

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

0.0%	0.0% #5E2020	RGB 94 32 32	#5E2020
16.7%	16.7% #581C1A	RGB 88 28 26	#581C1A
33.3%	33.3% #531815	RGB 83 24 21	#531815
50.0%	50.0% #4E1510	RGB 78 21 16	#4E1510
66.7%	66.7% #49130C	RGB 73 19 12	#49130C
83.3%	83.3% #441008	RGB 68 16 8	#441008
100.0%	100.0% #3F0F05	RGB 63 15 5	#3F0F05

#5E2020 #581C1A #531815 #4E1510 #49130C #441008 #3F0F05

#5E2020 - #4E1510 - #3F0F05

CSS codes

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

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