#4A563F - #1E3805 | 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 #4A563F to #1E3805

#4A563F #1E3805

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

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

0.0%	0.0% #4A563F	RGB 74 86 63	#4A563F
16.7%	16.7% #425135	RGB 66 81 53	#425135
33.3%	33.3% #3B4C2B	RGB 59 76 43	#3B4C2B
50.0%	50.0% #344722	RGB 52 71 34	#344722
66.7%	66.7% #2C4218	RGB 44 66 24	#2C4218
83.3%	83.3% #253D0E	RGB 37 61 14	#253D0E
100.0%	100.0% #1E3805	RGB 30 56 5	#1E3805

#4A563F #425135 #3B4C2B #344722 #2C4218 #253D0E #1E3805

#4A563F - #1E3805

HSV Blend

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

0.0%	0.0% #4A563F	RGB 74 86 63	#4A563F
16.7%	16.7% #415132	RGB 65 81 50	#415132
33.3%	33.3% #394C27	RGB 57 76 39	#394C27
50.0%	50.0% #31471D	RGB 49 71 29	#31471D
66.7%	66.7% #2A4214	RGB 42 66 20	#2A4214
83.3%	83.3% #233D0B	RGB 35 61 11	#233D0B
100.0%	100.0% #1E3805	RGB 30 56 5	#1E3805

#4A563F #415132 #394C27 #31471D #2A4214 #233D0B #1E3805

#4A563F - #31471D - #1E3805

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A563F 0%, #31471D 50%, #1E3805 100%);
    background: -webkit-linear-gradient(top, #4A563F 0%, #31471D 50%, #1E3805 100%);
    background: linear-gradient(to bottom, #4A563F 0%, #31471D 50%, #1E3805 100%);
}
</style>