#5E1203 - #AA3F15 | 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 #5E1203 to #AA3F15

#5E1203 #AA3F15

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

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

0.0%	0.0% #5E1203	RGB 94 18 3	#5E1203
16.7%	16.7% #6A1906	RGB 106 25 6	#6A1906
33.3%	33.3% #772109	RGB 119 33 9	#772109
50.0%	50.0% #84280C	RGB 132 40 12	#84280C
66.7%	66.7% #90300F	RGB 144 48 15	#90300F
83.3%	83.3% #9D3712	RGB 157 55 18	#9D3712
100.0%	100.0% #AA3F15	RGB 170 63 21	#AA3F15

#5E1203 #6A1906 #772109 #84280C #90300F #9D3712 #AA3F15

#5E1203 - #AA3F15

HSV Blend

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

0.0%	0.0% #5E1202	RGB 94 18 2	#5E1202
16.7%	16.7% #6A1705	RGB 106 23 5	#6A1705
33.3%	33.3% #771E07	RGB 119 30 7	#771E07
50.0%	50.0% #84250A	RGB 132 37 10	#84250A
66.7%	66.7% #902D0D	RGB 144 45 13	#902D0D
83.3%	83.3% #9D3511	RGB 157 53 17	#9D3511
100.0%	100.0% #AA3F15	RGB 170 63 21	#AA3F15

#5E1202 #6A1705 #771E07 #84250A #902D0D #9D3511 #AA3F15

#5E1203 - #84250A - #AA3F15

CSS codes

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

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