#4B5E29 - #1F3704 | 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 #4B5E29 to #1F3704

#4B5E29 #1F3704

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

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

0.0%	0.0% #4B5E29	RGB 75 94 41	#4B5E29
16.7%	16.7% #435722	RGB 67 87 34	#435722
33.3%	33.3% #3C511C	RGB 60 81 28	#3C511C
50.0%	50.0% #354A16	RGB 53 74 22	#354A16
66.7%	66.7% #2D4410	RGB 45 68 16	#2D4410
83.3%	83.3% #263D0A	RGB 38 61 10	#263D0A
100.0%	100.0% #1F3704	RGB 31 55 4	#1F3704

#4B5E29 #435722 #3C511C #354A16 #2D4410 #263D0A #1F3704

#4B5E29 - #1F3704

HSV Blend

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

0.0%	0.0% #4B5E29	RGB 75 94 41	#4B5E29
16.7%	16.7% #425720	RGB 66 87 32	#425720
33.3%	33.3% #3B5119	RGB 59 81 25	#3B5119
50.0%	50.0% #334A12	RGB 51 74 18	#334A12
66.7%	66.7% #2C440D	RGB 44 68 13	#2C440D
83.3%	83.3% #253D08	RGB 37 61 8	#253D08
100.0%	100.0% #1F3704	RGB 31 55 4	#1F3704

#4B5E29 #425720 #3B5119 #334A12 #2C440D #253D08 #1F3704

#4B5E29 - #334A12 - #1F3704

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E29 0%, #334A12 50%, #1F3704 100%);
    background: -webkit-linear-gradient(top, #4B5E29 0%, #334A12 50%, #1F3704 100%);
    background: linear-gradient(to bottom, #4B5E29 0%, #334A12 50%, #1F3704 100%);
}
</style>