#5E1711 - #AF4A2A | 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 #5E1711 to #AF4A2A

#5E1711 #AF4A2A

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

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

0.0%	0.0% #5E1711	RGB 94 23 17	#5E1711
16.7%	16.7% #6B1F15	RGB 107 31 21	#6B1F15
33.3%	33.3% #792819	RGB 121 40 25	#792819
50.0%	50.0% #86301D	RGB 134 48 29	#86301D
66.7%	66.7% #943921	RGB 148 57 33	#943921
83.3%	83.3% #A14125	RGB 161 65 37	#A14125
100.0%	100.0% #AF4A2A	RGB 175 74 42	#AF4A2A

#5E1711 #6B1F15 #792819 #86301D #943921 #A14125 #AF4A2A

#5E1711 - #AF4A2A

HSV Blend

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

0.0%	0.0% #5E1610	RGB 94 22 16	#5E1610
16.7%	16.7% #6B1D14	RGB 107 29 20	#6B1D14
33.3%	33.3% #792518	RGB 121 37 24	#792518
50.0%	50.0% #862D1C	RGB 134 45 28	#862D1C
66.7%	66.7% #943620	RGB 148 54 32	#943620
83.3%	83.3% #A13F25	RGB 161 63 37	#A13F25
100.0%	100.0% #AF4A2A	RGB 175 74 42	#AF4A2A

#5E1610 #6B1D14 #792518 #862D1C #943620 #A13F25 #AF4A2A

#5E1711 - #862D1C - #AF4A2A

CSS codes

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

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