#4B5E46 - #114F08 | 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 #4B5E46 to #114F08

#4B5E46 #114F08

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

#4B5E46 - #114F08 | 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 #4B5E46 as 0% and #114F08 as 100%.

0.0%	0.0% #4B5E46	RGB 75 94 70	#4B5E46
16.7%	16.7% #415B3B	RGB 65 91 59	#415B3B
33.3%	33.3% #375931	RGB 55 89 49	#375931
50.0%	50.0% #2E5627	RGB 46 86 39	#2E5627
66.7%	66.7% #24541C	RGB 36 84 28	#24541C
83.3%	83.3% #1A5112	RGB 26 81 18	#1A5112
100.0%	100.0% #114F08	RGB 17 79 8	#114F08

#4B5E46 #415B3B #375931 #2E5627 #24541C #1A5112 #114F08

#4B5E46 - #114F08

HSV Blend

#4B5E46 - #114F08 | 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 #4B5E46 as 0% and #114F08 as 100%.

0.0%	0.0% #4B5E46	RGB 75 94 70	#4B5E46
16.7%	16.7% #405B3A	RGB 64 91 58	#405B3A
33.3%	33.3% #36592F	RGB 54 89 47	#36592F
50.0%	50.0% #2C5624	RGB 44 86 36	#2C5624
66.7%	66.7% #23541A	RGB 35 84 26	#23541A
83.3%	83.3% #1A5110	RGB 26 81 16	#1A5110
100.0%	100.0% #114F08	RGB 17 79 8	#114F08

#4B5E46 #405B3A #36592F #2C5624 #23541A #1A5110 #114F08

#4B5E46 - #2C5624 - #114F08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E46 0%, #2C5624 50%, #114F08 100%);
    background: -webkit-linear-gradient(top, #4B5E46 0%, #2C5624 50%, #114F08 100%);
    background: linear-gradient(to bottom, #4B5E46 0%, #2C5624 50%, #114F08 100%);
}
</style>