#5E110D - #AB4124 | 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 #5E110D to #AB4124

#5E110D #AB4124

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

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

0.0%	0.0% #5E110D	RGB 94 17 13	#5E110D
16.7%	16.7% #6A1910	RGB 106 25 16	#6A1910
33.3%	33.3% #772114	RGB 119 33 20	#772114
50.0%	50.0% #842918	RGB 132 41 24	#842918
66.7%	66.7% #91311C	RGB 145 49 28	#91311C
83.3%	83.3% #9E3920	RGB 158 57 32	#9E3920
100.0%	100.0% #AB4124	RGB 171 65 36	#AB4124

#5E110D #6A1910 #772114 #842918 #91311C #9E3920 #AB4124

#5E110D - #AB4124

HSV Blend

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

0.0%	0.0% #5E100C	RGB 94 16 12	#5E100C
16.7%	16.7% #6A1710	RGB 106 23 16	#6A1710
33.3%	33.3% #771D13	RGB 119 29 19	#771D13
50.0%	50.0% #842517	RGB 132 37 23	#842517
66.7%	66.7% #912D1B	RGB 145 45 27	#912D1B
83.3%	83.3% #9E371F	RGB 158 55 31	#9E371F
100.0%	100.0% #AB4124	RGB 171 65 36	#AB4124

#5E100C #6A1710 #771D13 #842517 #912D1B #9E371F #AB4124

#5E110D - #842517 - #AB4124

CSS codes

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

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