#4C5E2D - #2A4503 | 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 #4C5E2D to #2A4503

#4C5E2D #2A4503

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

#4C5E2D - #2A4503 | 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 #4C5E2D as 0% and #2A4503 as 100%.

0.0%	0.0% #4C5E2D	RGB 76 94 45	#4C5E2D
16.7%	16.7% #465926	RGB 70 89 38	#465926
33.3%	33.3% #40551F	RGB 64 85 31	#40551F
50.0%	50.0% #3B5118	RGB 59 81 24	#3B5118
66.7%	66.7% #354D10	RGB 53 77 16	#354D10
83.3%	83.3% #2F490A	RGB 47 73 10	#2F490A
100.0%	100.0% #2A4503	RGB 42 69 3	#2A4503

#4C5E2D #465926 #40551F #3B5118 #354D10 #2F490A #2A4503

#4C5E2D - #2A4503

HSV Blend

#4C5E2D - #2A4503 | 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 #4C5E2D as 0% and #2A4503 as 100%.

0.0%	0.0% #4C5E2D	RGB 76 94 45	#4C5E2D
16.7%	16.7% #455924	RGB 69 89 36	#455924
33.3%	33.3% #3F551C	RGB 63 85 28	#3F551C
50.0%	50.0% #3A5115	RGB 58 81 21	#3A5115
66.7%	66.7% #344D0E	RGB 52 77 14	#344D0E
83.3%	83.3% #2F4908	RGB 47 73 8	#2F4908
100.0%	100.0% #2A4503	RGB 42 69 3	#2A4503

#4C5E2D #455924 #3F551C #3A5115 #344D0E #2F4908 #2A4503

#4C5E2D - #3A5115 - #2A4503

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E2D 0%, #3A5115 50%, #2A4503 100%);
    background: -webkit-linear-gradient(top, #4C5E2D 0%, #3A5115 50%, #2A4503 100%);
    background: linear-gradient(to bottom, #4C5E2D 0%, #3A5115 50%, #2A4503 100%);
}
</style>