#5E1011 - #AF3B1C | 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 #5E1011 to #AF3B1C

#5E1011 #AF3B1C

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

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

0.0%	0.0% #5E1011	RGB 94 16 17	#5E1011
16.7%	16.7% #6B1712	RGB 107 23 18	#6B1712
33.3%	33.3% #791E14	RGB 121 30 20	#791E14
50.0%	50.0% #862516	RGB 134 37 22	#862516
66.7%	66.7% #942C18	RGB 148 44 24	#942C18
83.3%	83.3% #A1331A	RGB 161 51 26	#A1331A
100.0%	100.0% #AF3B1C	RGB 175 59 28	#AF3B1C

#5E1011 #6B1712 #791E14 #862516 #942C18 #A1331A #AF3B1C

#5E1011 - #AF3B1C

HSV Blend

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

0.0%	0.0% #5E0F11	RGB 94 15 17	#5E0F11
16.7%	16.7% #6B1412	RGB 107 20 18	#6B1412
33.3%	33.3% #791A14	RGB 121 26 20	#791A14
50.0%	50.0% #862116	RGB 134 33 22	#862116
66.7%	66.7% #942918	RGB 148 41 24	#942918
83.3%	83.3% #A1311A	RGB 161 49 26	#A1311A
100.0%	100.0% #AF3B1C	RGB 175 59 28	#AF3B1C

#5E0F11 #6B1412 #791A14 #862116 #942918 #A1311A #AF3B1C

#5E1011 - #862116 - #AF3B1C

CSS codes

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

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