#3E5E44 - #053D0D | 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 #3E5E44 to #053D0D

#3E5E44 #053D0D

Calculate the color between two colors, #3E5E44 and #053D0D. 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)

#3E5E44 - #053D0D | 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 #3E5E44 as 0% and #053D0D as 100%.

0.0%	0.0% #3E5E44	RGB 62 94 68	#3E5E44
16.7%	16.7% #34583A	RGB 52 88 58	#34583A
33.3%	33.3% #2B5331	RGB 43 83 49	#2B5331
50.0%	50.0% #214D28	RGB 33 77 40	#214D28
66.7%	66.7% #18481F	RGB 24 72 31	#18481F
83.3%	83.3% #0E4216	RGB 14 66 22	#0E4216
100.0%	100.0% #053D0D	RGB 5 61 13	#053D0D

#3E5E44 #34583A #2B5331 #214D28 #18481F #0E4216 #053D0D

#3E5E44 - #053D0D

HSV Blend

#3E5E44 - #053D0D | 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 #3E5E44 as 0% and #053D0D as 100%.

0.0%	0.0% #3E5E44	RGB 62 94 68	#3E5E44
16.7%	16.7% #315838	RGB 49 88 56	#315838
33.3%	33.3% #26532E	RGB 38 83 46	#26532E
50.0%	50.0% #1C4D24	RGB 28 77 36	#1C4D24
66.7%	66.7% #13481C	RGB 19 72 28	#13481C
83.3%	83.3% #0B4214	RGB 11 66 20	#0B4214
100.0%	100.0% #053D0D	RGB 5 61 13	#053D0D

#3E5E44 #315838 #26532E #1C4D24 #13481C #0B4214 #053D0D

#3E5E44 - #1C4D24 - #053D0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E44 0%, #1C4D24 50%, #053D0D 100%);
    background: -webkit-linear-gradient(top, #3E5E44 0%, #1C4D24 50%, #053D0D 100%);
    background: linear-gradient(to bottom, #3E5E44 0%, #1C4D24 50%, #053D0D 100%);
}
</style>