#4D4B2D - #1F320A | 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 #4D4B2D to #1F320A

#4D4B2D #1F320A

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

#4D4B2D - #1F320A | 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 #4D4B2D as 0% and #1F320A as 100%.

0.0%	0.0% #4D4B2D	RGB 77 75 45	#4D4B2D
16.7%	16.7% #454627	RGB 69 70 39	#454627
33.3%	33.3% #3D4221	RGB 61 66 33	#3D4221
50.0%	50.0% #363E1B	RGB 54 62 27	#363E1B
66.7%	66.7% #2E3A15	RGB 46 58 21	#2E3A15
83.3%	83.3% #26360F	RGB 38 54 15	#26360F
100.0%	100.0% #1F320A	RGB 31 50 10	#1F320A

#4D4B2D #454627 #3D4221 #363E1B #2E3A15 #26360F #1F320A

#4D4B2D - #1F320A

HSV Blend

#4D4B2D - #1F320A | 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 #4D4B2D as 0% and #1F320A as 100%.

0.0%	0.0% #4D4B2D	RGB 77 75 45	#4D4B2D
16.7%	16.7% #474825	RGB 71 72 37	#474825
33.3%	33.3% #3F441F	RGB 63 68 31	#3F441F
50.0%	50.0% #373F18	RGB 55 63 24	#373F18
66.7%	66.7% #2F3B13	RGB 47 59 19	#2F3B13
83.3%	83.3% #27360E	RGB 39 54 14	#27360E
100.0%	100.0% #1F320A	RGB 31 50 10	#1F320A

#4D4B2D #474825 #3F441F #373F18 #2F3B13 #27360E #1F320A

#4D4B2D - #373F18 - #1F320A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4B2D 0%, #373F18 50%, #1F320A 100%);
    background: -webkit-linear-gradient(top, #4D4B2D 0%, #373F18 50%, #1F320A 100%);
    background: linear-gradient(to bottom, #4D4B2D 0%, #373F18 50%, #1F320A 100%);
}
</style>