#4B5E4E - #083905 | 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 #4B5E4E to #083905

#4B5E4E #083905

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

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

0.0%	0.0% #4B5E4E	RGB 75 94 78	#4B5E4E
16.7%	16.7% #3F5741	RGB 63 87 65	#3F5741
33.3%	33.3% #345135	RGB 52 81 53	#345135
50.0%	50.0% #294B29	RGB 41 75 41	#294B29
66.7%	66.7% #1E451D	RGB 30 69 29	#1E451D
83.3%	83.3% #133F11	RGB 19 63 17	#133F11
100.0%	100.0% #083905	RGB 8 57 5	#083905

#4B5E4E #3F5741 #345135 #294B29 #1E451D #133F11 #083905

#4B5E4E - #083905

HSV Blend

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

0.0%	0.0% #4B5E4E	RGB 75 94 78	#4B5E4E
16.7%	16.7% #3B573F	RGB 59 87 63	#3B573F
33.3%	33.3% #2D5130	RGB 45 81 48	#2D5130
50.0%	50.0% #214B23	RGB 33 75 35	#214B23
66.7%	66.7% #164517	RGB 22 69 23	#164517
83.3%	83.3% #0E3F0D	RGB 14 63 13	#0E3F0D
100.0%	100.0% #083905	RGB 8 57 5	#083905

#4B5E4E #3B573F #2D5130 #214B23 #164517 #0E3F0D #083905

#4B5E4E - #214B23 - #083905

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E4E 0%, #214B23 50%, #083905 100%);
    background: -webkit-linear-gradient(top, #4B5E4E 0%, #214B23 50%, #083905 100%);
    background: linear-gradient(to bottom, #4B5E4E 0%, #214B23 50%, #083905 100%);
}
</style>