#5E1F2D - #3F050B | 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 #5E1F2D to #3F050B

#5E1F2D #3F050B

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

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

0.0%	0.0% #5E1F2D	RGB 94 31 45	#5E1F2D
16.7%	16.7% #581A27	RGB 88 26 39	#581A27
33.3%	33.3% #531621	RGB 83 22 33	#531621
50.0%	50.0% #4E121C	RGB 78 18 28	#4E121C
66.7%	66.7% #490D16	RGB 73 13 22	#490D16
83.3%	83.3% #440910	RGB 68 9 16	#440910
100.0%	100.0% #3F050B	RGB 63 5 11	#3F050B

#5E1F2D #581A27 #531621 #4E121C #490D16 #440910 #3F050B

#5E1F2D - #3F050B

HSV Blend

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

0.0%	0.0% #5E1F2C	RGB 94 31 44	#5E1F2C
16.7%	16.7% #581926	RGB 88 25 38	#581926
33.3%	33.3% #531420	RGB 83 20 32	#531420
50.0%	50.0% #4E101A	RGB 78 16 26	#4E101A
66.7%	66.7% #490B14	RGB 73 11 20	#490B14
83.3%	83.3% #44080F	RGB 68 8 15	#44080F
100.0%	100.0% #3F050B	RGB 63 5 11	#3F050B

#5E1F2C #581926 #531420 #4E101A #490B14 #44080F #3F050B

#5E1F2D - #4E101A - #3F050B

CSS codes

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

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