#5E151F - #B34631 | 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 #5E151F to #B34631

#5E151F #B34631

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

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

0.0%	0.0% #5E151F	RGB 94 21 31	#5E151F
16.7%	16.7% #6C1D22	RGB 108 29 34	#6C1D22
33.3%	33.3% #7A2525	RGB 122 37 37	#7A2525
50.0%	50.0% #882D28	RGB 136 45 40	#882D28
66.7%	66.7% #96352B	RGB 150 53 43	#96352B
83.3%	83.3% #A43D2E	RGB 164 61 46	#A43D2E
100.0%	100.0% #B34631	RGB 179 70 49	#B34631

#5E151F #6C1D22 #7A2525 #882D28 #96352B #A43D2E #B34631

#5E151F - #B34631

HSV Blend

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

0.0%	0.0% #5E141F	RGB 94 20 31	#5E141F
16.7%	16.7% #6C1920	RGB 108 25 32	#6C1920
33.3%	33.3% #7A1D20	RGB 122 29 32	#7A1D20
50.0%	50.0% #882321	RGB 136 35 33	#882321
66.7%	66.7% #962D26	RGB 150 45 38	#962D26
83.3%	83.3% #A4392B	RGB 164 57 43	#A4392B
100.0%	100.0% #B34631	RGB 179 70 49	#B34631

#5E141F #6C1920 #7A1D20 #882321 #962D26 #A4392B #B34631

#5E151F - #882321 - #B34631

CSS codes

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

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