#8C4D00 - #4D240C | 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 #8C4D00 to #4D240C

#8C4D00 #4D240C

Calculate the color between two colors, #8C4D00 and #4D240C. 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)

#8C4D00 - #4D240C | 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 #8C4D00 as 0% and #4D240C as 100%.

0.0%	0.0% #8C4D00	RGB 140 77 0	#8C4D00
16.7%	16.7% #814602	RGB 129 70 2	#814602
33.3%	33.3% #773F04	RGB 119 63 4	#773F04
50.0%	50.0% #6C3806	RGB 108 56 6	#6C3806
66.7%	66.7% #623108	RGB 98 49 8	#623108
83.3%	83.3% #572A0A	RGB 87 42 10	#572A0A
100.0%	100.0% #4D240C	RGB 77 36 12	#4D240C

#8C4D00 #814602 #773F04 #6C3806 #623108 #572A0A #4D240C

#8C4D00 - #4D240C

HSV Blend

#8C4D00 - #4D240C | 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 #8C4D00 as 0% and #4D240C as 100%.

0.0%	0.0% #8C4D00	RGB 140 77 0	#8C4D00
16.7%	16.7% #814403	RGB 129 68 3	#814403
33.3%	33.3% #773D06	RGB 119 61 6	#773D06
50.0%	50.0% #6C3608	RGB 108 54 8	#6C3608
66.7%	66.7% #622F0A	RGB 98 47 10	#622F0A
83.3%	83.3% #57290B	RGB 87 41 11	#57290B
100.0%	100.0% #4D240C	RGB 77 36 12	#4D240C

#8C4D00 #814403 #773D06 #6C3608 #622F0A #57290B #4D240C

#8C4D00 - #6C3608 - #4D240C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C4D00 0%, #6C3608 50%, #4D240C 100%);
    background: -webkit-linear-gradient(top, #8C4D00 0%, #6C3608 50%, #4D240C 100%);
    background: linear-gradient(to bottom, #8C4D00 0%, #6C3608 50%, #4D240C 100%);
}
</style>