#4C4D13 - #B0953C | 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 #4C4D13 to #B0953C

#4C4D13 #B0953C

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

#4C4D13 - #B0953C | 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 #4C4D13 as 0% and #B0953C as 100%.

0.0%	0.0% #4C4D13	RGB 76 77 19	#4C4D13
16.7%	16.7% #5C5919	RGB 92 89 25	#5C5919
33.3%	33.3% #6D6520	RGB 109 101 32	#6D6520
50.0%	50.0% #7E7127	RGB 126 113 39	#7E7127
66.7%	66.7% #8E7D2E	RGB 142 125 46	#8E7D2E
83.3%	83.3% #9F8935	RGB 159 137 53	#9F8935
100.0%	100.0% #B0953C	RGB 176 149 60	#B0953C

#4C4D13 #5C5919 #6D6520 #7E7127 #8E7D2E #9F8935 #B0953C

#4C4D13 - #B0953C

HSV Blend

#4C4D13 - #B0953C | 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 #4C4D13 as 0% and #B0953C as 100%.

0.0%	0.0% #4C4D13	RGB 76 77 19	#4C4D13
16.7%	16.7% #5D5B18	RGB 93 91 24	#5D5B18
33.3%	33.3% #6E681E	RGB 110 104 30	#6E681E
50.0%	50.0% #7E7425	RGB 126 116 37	#7E7425
66.7%	66.7% #8F802C	RGB 143 128 44	#8F802C
83.3%	83.3% #9F8A33	RGB 159 138 51	#9F8A33
100.0%	100.0% #B0953C	RGB 176 149 60	#B0953C

#4C4D13 #5D5B18 #6E681E #7E7425 #8F802C #9F8A33 #B0953C

#4C4D13 - #7E7425 - #B0953C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C4D13 0%, #7E7425 50%, #B0953C 100%);
    background: -webkit-linear-gradient(top, #4C4D13 0%, #7E7425 50%, #B0953C 100%);
    background: linear-gradient(to bottom, #4C4D13 0%, #7E7425 50%, #B0953C 100%);
}
</style>