#3E4D13 - #65A13D | 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 #3E4D13 to #65A13D

#3E4D13 #65A13D

Calculate the color between two colors, #3E4D13 and #65A13D. 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)

#3E4D13 - #65A13D | 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 #3E4D13 as 0% and #65A13D as 100%.

0.0%	0.0% #3E4D13	RGB 62 77 19	#3E4D13
16.7%	16.7% #445B1A	RGB 68 91 26	#445B1A
33.3%	33.3% #4B6921	RGB 75 105 33	#4B6921
50.0%	50.0% #517728	RGB 81 119 40	#517728
66.7%	66.7% #58852F	RGB 88 133 47	#58852F
83.3%	83.3% #5E9336	RGB 94 147 54	#5E9336
100.0%	100.0% #65A13D	RGB 101 161 61	#65A13D

#3E4D13 #445B1A #4B6921 #517728 #58852F #5E9336 #65A13D

#3E4D13 - #65A13D

HSV Blend

#3E4D13 - #65A13D | 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 #3E4D13 as 0% and #65A13D as 100%.

0.0%	0.0% #3E4D13	RGB 62 77 19	#3E4D13
16.7%	16.7% #465B18	RGB 70 91 24	#465B18
33.3%	33.3% #4D691E	RGB 77 105 30	#4D691E
50.0%	50.0% #537725	RGB 83 119 37	#537725
66.7%	66.7% #59852C	RGB 89 133 44	#59852C
83.3%	83.3% #5F9334	RGB 95 147 52	#5F9334
100.0%	100.0% #65A13D	RGB 101 161 61	#65A13D

#3E4D13 #465B18 #4D691E #537725 #59852C #5F9334 #65A13D

#3E4D13 - #537725 - #65A13D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4D13 0%, #537725 50%, #65A13D 100%);
    background: -webkit-linear-gradient(top, #3E4D13 0%, #537725 50%, #65A13D 100%);
    background: linear-gradient(to bottom, #3E4D13 0%, #537725 50%, #65A13D 100%);
}
</style>