#7D4A00 - #44220B | 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 #7D4A00 to #44220B

#7D4A00 #44220B

Calculate the color between two colors, #7D4A00 and #44220B. 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)

#7D4A00 - #44220B | 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 #7D4A00 as 0% and #44220B as 100%.

0.0%	0.0% #7D4A00	RGB 125 74 0	#7D4A00
16.7%	16.7% #734301	RGB 115 67 1	#734301
33.3%	33.3% #6A3C03	RGB 106 60 3	#6A3C03
50.0%	50.0% #603605	RGB 96 54 5	#603605
66.7%	66.7% #572F07	RGB 87 47 7	#572F07
83.3%	83.3% #4D2809	RGB 77 40 9	#4D2809
100.0%	100.0% #44220B	RGB 68 34 11	#44220B

#7D4A00 #734301 #6A3C03 #603605 #572F07 #4D2809 #44220B

#7D4A00 - #44220B

HSV Blend

#7D4A00 - #44220B | 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 #7D4A00 as 0% and #44220B as 100%.

0.0%	0.0% #7D4A00	RGB 125 74 0	#7D4A00
16.7%	16.7% #734203	RGB 115 66 3	#734203
33.3%	33.3% #6A3A05	RGB 106 58 5	#6A3A05
50.0%	50.0% #603307	RGB 96 51 7	#603307
66.7%	66.7% #572D09	RGB 87 45 9	#572D09
83.3%	83.3% #4D270A	RGB 77 39 10	#4D270A
100.0%	100.0% #44220B	RGB 68 34 11	#44220B

#7D4A00 #734203 #6A3A05 #603307 #572D09 #4D270A #44220B

#7D4A00 - #603307 - #44220B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D4A00 0%, #603307 50%, #44220B 100%);
    background: -webkit-linear-gradient(top, #7D4A00 0%, #603307 50%, #44220B 100%);
    background: linear-gradient(to bottom, #7D4A00 0%, #603307 50%, #44220B 100%);
}
</style>