#103912 - #4A8245 | 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 #103912 to #4A8245

#103912 #4A8245

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

#103912 - #4A8245 | 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 #103912 as 0% and #4A8245 as 100%.

0.0%	0.0% #103912	RGB 16 57 18	#103912
16.7%	16.7% #19451A	RGB 25 69 26	#19451A
33.3%	33.3% #235123	RGB 35 81 35	#235123
50.0%	50.0% #2D5D2B	RGB 45 93 43	#2D5D2B
66.7%	66.7% #366934	RGB 54 105 52	#366934
83.3%	83.3% #40753C	RGB 64 117 60	#40753C
100.0%	100.0% #4A8245	RGB 74 130 69	#4A8245

#103912 #19451A #235123 #2D5D2B #366934 #40753C #4A8245

#103912 - #4A8245

HSV Blend

#103912 - #4A8245 | 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 #103912 as 0% and #4A8245 as 100%.

0.0%	0.0% #103912	RGB 16 57 18	#103912
16.7%	16.7% #164517	RGB 22 69 23	#164517
33.3%	33.3% #1D511D	RGB 29 81 29	#1D511D
50.0%	50.0% #265D25	RGB 38 93 37	#265D25
66.7%	66.7% #31692F	RGB 49 105 47	#31692F
83.3%	83.3% #3D7539	RGB 61 117 57	#3D7539
100.0%	100.0% #4A8245	RGB 74 130 69	#4A8245

#103912 #164517 #1D511D #265D25 #31692F #3D7539 #4A8245

#103912 - #265D25 - #4A8245

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #103912 0%, #265D25 50%, #4A8245 100%);
    background: -webkit-linear-gradient(top, #103912 0%, #265D25 50%, #4A8245 100%);
    background: linear-gradient(to bottom, #103912 0%, #265D25 50%, #4A8245 100%);
}
</style>