#5E3D11 - #AF4448 | 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 #5E3D11 to #AF4448

#5E3D11 #AF4448

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

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

0.0%	0.0% #5E3D11	RGB 94 61 17	#5E3D11
16.7%	16.7% #6B3E1A	RGB 107 62 26	#6B3E1A
33.3%	33.3% #793F23	RGB 121 63 35	#793F23
50.0%	50.0% #86402C	RGB 134 64 44	#86402C
66.7%	66.7% #944135	RGB 148 65 53	#944135
83.3%	83.3% #A1423E	RGB 161 66 62	#A1423E
100.0%	100.0% #AF4448	RGB 175 68 72	#AF4448

#5E3D11 #6B3E1A #793F23 #86402C #944135 #A1423E #AF4448

#5E3D11 - #AF4448

HSV Blend

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

0.0%	0.0% #5E3D10	RGB 94 61 16	#5E3D10
16.7%	16.7% #6B3E17	RGB 107 62 23	#6B3E17
33.3%	33.3% #793F1E	RGB 121 63 30	#793F1E
50.0%	50.0% #863F26	RGB 134 63 38	#863F26
66.7%	66.7% #943F2F	RGB 148 63 47	#943F2F
83.3%	83.3% #A13F39	RGB 161 63 57	#A13F39
100.0%	100.0% #AF4448	RGB 175 68 72	#AF4448

#5E3D10 #6B3E17 #793F1E #863F26 #943F2F #A13F39 #AF4448

#5E3D11 - #863F26 - #AF4448

CSS codes

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

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