#5E1305 - #AA4118 | 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 #5E1305 to #AA4118

#5E1305 #AA4118

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

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

0.0%	0.0% #5E1305	RGB 94 19 5	#5E1305
16.7%	16.7% #6A1A08	RGB 106 26 8	#6A1A08
33.3%	33.3% #77220B	RGB 119 34 11	#77220B
50.0%	50.0% #842A0E	RGB 132 42 14	#842A0E
66.7%	66.7% #903111	RGB 144 49 17	#903111
83.3%	83.3% #9D3914	RGB 157 57 20	#9D3914
100.0%	100.0% #AA4118	RGB 170 65 24	#AA4118

#5E1305 #6A1A08 #77220B #842A0E #903111 #9D3914 #AA4118

#5E1305 - #AA4118

HSV Blend

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

0.0%	0.0% #5E1304	RGB 94 19 4	#5E1304
16.7%	16.7% #6A1807	RGB 106 24 7	#6A1807
33.3%	33.3% #771F09	RGB 119 31 9	#771F09
50.0%	50.0% #84260C	RGB 132 38 12	#84260C
66.7%	66.7% #902E10	RGB 144 46 16	#902E10
83.3%	83.3% #9D3713	RGB 157 55 19	#9D3713
100.0%	100.0% #AA4118	RGB 170 65 24	#AA4118

#5E1304 #6A1807 #771F09 #84260C #902E10 #9D3713 #AA4118

#5E1305 - #84260C - #AA4118

CSS codes

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

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