#4D3313 - #9C8037 | 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 #4D3313 to #9C8037

#4D3313 #9C8037

Calculate the color between two colors, #4D3313 and #9C8037. 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)

#4D3313 - #9C8037 | 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 #4D3313 as 0% and #9C8037 as 100%.

0.0%	0.0% #4D3313	RGB 77 51 19	#4D3313
16.7%	16.7% #5A3F19	RGB 90 63 25	#5A3F19
33.3%	33.3% #674C1F	RGB 103 76 31	#674C1F
50.0%	50.0% #745925	RGB 116 89 37	#745925
66.7%	66.7% #81662B	RGB 129 102 43	#81662B
83.3%	83.3% #8E7331	RGB 142 115 49	#8E7331
100.0%	100.0% #9C8037	RGB 156 128 55	#9C8037

#4D3313 #5A3F19 #674C1F #745925 #81662B #8E7331 #9C8037

#4D3313 - #9C8037

HSV Blend

#4D3313 - #9C8037 | 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 #4D3313 as 0% and #9C8037 as 100%.

0.0%	0.0% #4D3313	RGB 77 51 19	#4D3313
16.7%	16.7% #5A3E17	RGB 90 62 23	#5A3E17
33.3%	33.3% #674A1D	RGB 103 74 29	#674A1D
50.0%	50.0% #745622	RGB 116 86 34	#745622
66.7%	66.7% #816429	RGB 129 100 41	#816429
83.3%	83.3% #8E712F	RGB 142 113 47	#8E712F
100.0%	100.0% #9C8037	RGB 156 128 55	#9C8037

#4D3313 #5A3E17 #674A1D #745622 #816429 #8E712F #9C8037

#4D3313 - #745622 - #9C8037

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3313 0%, #745622 50%, #9C8037 100%);
    background: -webkit-linear-gradient(top, #4D3313 0%, #745622 50%, #9C8037 100%);
    background: linear-gradient(to bottom, #4D3313 0%, #745622 50%, #9C8037 100%);
}
</style>