#5E1D00 - #AF4E11 | 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 #5E1D00 to #AF4E11

#5E1D00 #AF4E11

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

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

0.0%	0.0% #5E1D00	RGB 94 29 0	#5E1D00
16.7%	16.7% #6B2502	RGB 107 37 2	#6B2502
33.3%	33.3% #792D05	RGB 121 45 5	#792D05
50.0%	50.0% #863508	RGB 134 53 8	#863508
66.7%	66.7% #943D0B	RGB 148 61 11	#943D0B
83.3%	83.3% #A1450E	RGB 161 69 14	#A1450E
100.0%	100.0% #AF4E11	RGB 175 78 17	#AF4E11

#5E1D00 #6B2502 #792D05 #863508 #943D0B #A1450E #AF4E11

#5E1D00 - #AF4E11

HSV Blend

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

0.0%	0.0% #5E1D00	RGB 94 29 0	#5E1D00
16.7%	16.7% #6B2301	RGB 107 35 1	#6B2301
33.3%	33.3% #792B03	RGB 121 43 3	#792B03
50.0%	50.0% #863206	RGB 134 50 6	#863206
66.7%	66.7% #943B09	RGB 148 59 9	#943B09
83.3%	83.3% #A1440D	RGB 161 68 13	#A1440D
100.0%	100.0% #AF4E11	RGB 175 78 17	#AF4E11

#5E1D00 #6B2301 #792B03 #863206 #943B09 #A1440D #AF4E11

#5E1D00 - #863206 - #AF4E11

CSS codes

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

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