#4D4D1B - #332905 | 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 #4D4D1B to #332905

#4D4D1B #332905

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

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

0.0%	0.0% #4D4D1B	RGB 77 77 27	#4D4D1B
16.7%	16.7% #484717	RGB 72 71 23	#484717
33.3%	33.3% #444113	RGB 68 65 19	#444113
50.0%	50.0% #403B10	RGB 64 59 16	#403B10
66.7%	66.7% #3B350C	RGB 59 53 12	#3B350C
83.3%	83.3% #372F08	RGB 55 47 8	#372F08
100.0%	100.0% #332905	RGB 51 41 5	#332905

#4D4D1B #484717 #444113 #403B10 #3B350C #372F08 #332905

#4D4D1B - #332905

HSV Blend

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

0.0%	0.0% #4D4D1B	RGB 77 77 27	#4D4D1B
16.7%	16.7% #484616	RGB 72 70 22	#484616
33.3%	33.3% #444012	RGB 68 64 18	#444012
50.0%	50.0% #403A0E	RGB 64 58 14	#403A0E
66.7%	66.7% #3B340A	RGB 59 52 10	#3B340A
83.3%	83.3% #372E07	RGB 55 46 7	#372E07
100.0%	100.0% #332905	RGB 51 41 5	#332905

#4D4D1B #484616 #444012 #403A0E #3B340A #372E07 #332905

#4D4D1B - #403A0E - #332905

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D1B 0%, #403A0E 50%, #332905 100%);
    background: -webkit-linear-gradient(top, #4D4D1B 0%, #403A0E 50%, #332905 100%);
    background: linear-gradient(to bottom, #4D4D1B 0%, #403A0E 50%, #332905 100%);
}
</style>