#4E5E44 - #1F3E07 | 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 #4E5E44 to #1F3E07

#4E5E44 #1F3E07

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

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

0.0%	0.0% #4E5E44	RGB 78 94 68	#4E5E44
16.7%	16.7% #465839	RGB 70 88 57	#465839
33.3%	33.3% #3E532F	RGB 62 83 47	#3E532F
50.0%	50.0% #364E25	RGB 54 78 37	#364E25
66.7%	66.7% #2E481B	RGB 46 72 27	#2E481B
83.3%	83.3% #264311	RGB 38 67 17	#264311
100.0%	100.0% #1F3E07	RGB 31 62 7	#1F3E07

#4E5E44 #465839 #3E532F #364E25 #2E481B #264311 #1F3E07

#4E5E44 - #1F3E07

HSV Blend

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

0.0%	0.0% #4E5E44	RGB 78 94 68	#4E5E44
16.7%	16.7% #445837	RGB 68 88 55	#445837
33.3%	33.3% #3B532B	RGB 59 83 43	#3B532B
50.0%	50.0% #334E20	RGB 51 78 32	#334E20
66.7%	66.7% #2B4816	RGB 43 72 22	#2B4816
83.3%	83.3% #25430E	RGB 37 67 14	#25430E
100.0%	100.0% #1F3E07	RGB 31 62 7	#1F3E07

#4E5E44 #445837 #3B532B #334E20 #2B4816 #25430E #1F3E07

#4E5E44 - #334E20 - #1F3E07

CSS codes

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

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