#5E1921 - #B64C34 | 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 #5E1921 to #B64C34

#5E1921 #B64C34

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

#5E1921 - #B64C34 | 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 #5E1921 as 0% and #B64C34 as 100%.

0.0%	0.0% #5E1921	RGB 94 25 33	#5E1921
16.7%	16.7% #6C2124	RGB 108 33 36	#6C2124
33.3%	33.3% #7B2A27	RGB 123 42 39	#7B2A27
50.0%	50.0% #8A322A	RGB 138 50 42	#8A322A
66.7%	66.7% #983B2D	RGB 152 59 45	#983B2D
83.3%	83.3% #A74330	RGB 167 67 48	#A74330
100.0%	100.0% #B64C34	RGB 182 76 52	#B64C34

#5E1921 #6C2124 #7B2A27 #8A322A #983B2D #A74330 #B64C34

#5E1921 - #B64C34

HSV Blend

#5E1921 - #B64C34 | 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 #5E1921 as 0% and #B64C34 as 100%.

0.0%	0.0% #5E1920	RGB 94 25 32	#5E1920
16.7%	16.7% #6C1D22	RGB 108 29 34	#6C1D22
33.3%	33.3% #7B2123	RGB 123 33 35	#7B2123
50.0%	50.0% #8A2926	RGB 138 41 38	#8A2926
66.7%	66.7% #98332A	RGB 152 51 42	#98332A
83.3%	83.3% #A73F2F	RGB 167 63 47	#A73F2F
100.0%	100.0% #B64C34	RGB 182 76 52	#B64C34

#5E1920 #6C1D22 #7B2123 #8A2926 #98332A #A73F2F #B64C34

#5E1921 - #8A2926 - #B64C34

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1920 0%, #8A2926 50%, #B64C34 100%);
    background: -webkit-linear-gradient(top, #5E1920 0%, #8A2926 50%, #B64C34 100%);
    background: linear-gradient(to bottom, #5E1920 0%, #8A2926 50%, #B64C34 100%);
}
</style>