#4E7E5E - #16442E | 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 #4E7E5E to #16442E

#4E7E5E #16442E

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

#4E7E5E - #16442E | 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 #4E7E5E as 0% and #16442E as 100%.

0.0%	0.0% #4E7E5E	RGB 78 126 94	#4E7E5E
16.7%	16.7% #447456	RGB 68 116 86	#447456
33.3%	33.3% #3B6A4E	RGB 59 106 78	#3B6A4E
50.0%	50.0% #326146	RGB 50 97 70	#326146
66.7%	66.7% #28573E	RGB 40 87 62	#28573E
83.3%	83.3% #1F4D36	RGB 31 77 54	#1F4D36
100.0%	100.0% #16442E	RGB 22 68 46	#16442E

#4E7E5E #447456 #3B6A4E #326146 #28573E #1F4D36 #16442E

#4E7E5E - #16442E

HSV Blend

#4E7E5E - #16442E | 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 #4E7E5E as 0% and #16442E as 100%.

0.0%	0.0% #4E7E5E	RGB 78 126 94	#4E7E5E
16.7%	16.7% #427454	RGB 66 116 84	#427454
33.3%	33.3% #376A4B	RGB 55 106 75	#376A4B
50.0%	50.0% #2D6143	RGB 45 97 67	#2D6143
66.7%	66.7% #24573C	RGB 36 87 60	#24573C
83.3%	83.3% #1C4D34	RGB 28 77 52	#1C4D34
100.0%	100.0% #16442E	RGB 22 68 46	#16442E

#4E7E5E #427454 #376A4B #2D6143 #24573C #1C4D34 #16442E

#4E7E5E - #2D6143 - #16442E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E7E5E 0%, #2D6143 50%, #16442E 100%);
    background: -webkit-linear-gradient(top, #4E7E5E 0%, #2D6143 50%, #16442E 100%);
    background: linear-gradient(to bottom, #4E7E5E 0%, #2D6143 50%, #16442E 100%);
}
</style>