#5E161F - #B44731 | 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 #5E161F to #B44731

#5E161F #B44731

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

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

0.0%	0.0% #5E161F	RGB 94 22 31	#5E161F
16.7%	16.7% #6C1E22	RGB 108 30 34	#6C1E22
33.3%	33.3% #7A2625	RGB 122 38 37	#7A2625
50.0%	50.0% #892E28	RGB 137 46 40	#892E28
66.7%	66.7% #97362B	RGB 151 54 43	#97362B
83.3%	83.3% #A53E2E	RGB 165 62 46	#A53E2E
100.0%	100.0% #B44731	RGB 180 71 49	#B44731

#5E161F #6C1E22 #7A2625 #892E28 #97362B #A53E2E #B44731

#5E161F - #B44731

HSV Blend

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

0.0%	0.0% #5E151E	RGB 94 21 30	#5E151E
16.7%	16.7% #6C1A20	RGB 108 26 32	#6C1A20
33.3%	33.3% #7A1E20	RGB 122 30 32	#7A1E20
50.0%	50.0% #892422	RGB 137 36 34	#892422
66.7%	66.7% #972F27	RGB 151 47 39	#972F27
83.3%	83.3% #A53A2C	RGB 165 58 44	#A53A2C
100.0%	100.0% #B44731	RGB 180 71 49	#B44731

#5E151E #6C1A20 #7A1E20 #892422 #972F27 #A53A2C #B44731

#5E161F - #892422 - #B44731

CSS codes

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

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