#5E131E - #B42E2E | 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 #5E131E to #B42E2E

#5E131E #B42E2E

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

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

0.0%	0.0% #5E131E	RGB 94 19 30	#5E131E
16.7%	16.7% #6C1720	RGB 108 23 32	#6C1720
33.3%	33.3% #7A1C23	RGB 122 28 35	#7A1C23
50.0%	50.0% #892026	RGB 137 32 38	#892026
66.7%	66.7% #972528	RGB 151 37 40	#972528
83.3%	83.3% #A5292B	RGB 165 41 43	#A5292B
100.0%	100.0% #B42E2E	RGB 180 46 46	#B42E2E

#5E131E #6C1720 #7A1C23 #892026 #972528 #A5292B #B42E2E

#5E131E - #B42E2E

HSV Blend

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

0.0%	0.0% #5E121E	RGB 94 18 30	#5E121E
16.7%	16.7% #6C1621	RGB 108 22 33	#6C1621
33.3%	33.3% #7A1A24	RGB 122 26 36	#7A1A24
50.0%	50.0% #891F27	RGB 137 31 39	#891F27
66.7%	66.7% #972329	RGB 151 35 41	#972329
83.3%	83.3% #A5282B	RGB 165 40 43	#A5282B
100.0%	100.0% #B42E2E	RGB 180 46 46	#B42E2E

#5E121E #6C1621 #7A1A24 #891F27 #972329 #A5282B #B42E2E

#5E131E - #891F27 - #B42E2E

CSS codes

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

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