#5E121C - #B1412C | 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 #5E121C to #B1412C

#5E121C #B1412C

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

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

0.0%	0.0% #5E121C	RGB 94 18 28	#5E121C
16.7%	16.7% #6B191E	RGB 107 25 30	#6B191E
33.3%	33.3% #792121	RGB 121 33 33	#792121
50.0%	50.0% #872924	RGB 135 41 36	#872924
66.7%	66.7% #953126	RGB 149 49 38	#953126
83.3%	83.3% #A33929	RGB 163 57 41	#A33929
100.0%	100.0% #B1412C	RGB 177 65 44	#B1412C

#5E121C #6B191E #792121 #872924 #953126 #A33929 #B1412C

#5E121C - #B1412C

HSV Blend

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

0.0%	0.0% #5E111B	RGB 94 17 27	#5E111B
16.7%	16.7% #6B151C	RGB 107 21 28	#6B151C
33.3%	33.3% #79191C	RGB 121 25 28	#79191C
50.0%	50.0% #871F1D	RGB 135 31 29	#871F1D
66.7%	66.7% #952922	RGB 149 41 34	#952922
83.3%	83.3% #A33427	RGB 163 52 39	#A33427
100.0%	100.0% #B1412C	RGB 177 65 44	#B1412C

#5E111B #6B151C #79191C #871F1D #952922 #A33427 #B1412C

#5E121C - #871F1D - #B1412C

CSS codes

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

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