#4D4E4D - #153D07 | 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 #4D4E4D to #153D07

#4D4E4D #153D07

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

#4D4E4D - #153D07 | 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 #4D4E4D as 0% and #153D07 as 100%.

0.0%	0.0% #4D4E4D	RGB 77 78 77	#4D4E4D
16.7%	16.7% #434B41	RGB 67 75 65	#434B41
33.3%	33.3% #3A4835	RGB 58 72 53	#3A4835
50.0%	50.0% #31452A	RGB 49 69 42	#31452A
66.7%	66.7% #27421E	RGB 39 66 30	#27421E
83.3%	83.3% #1E3F12	RGB 30 63 18	#1E3F12
100.0%	100.0% #153D07	RGB 21 61 7	#153D07

#4D4E4D #434B41 #3A4835 #31452A #27421E #1E3F12 #153D07

#4D4E4D - #153D07

HSV Blend

#4D4E4D - #153D07 | 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 #4D4E4D as 0% and #153D07 as 100%.

0.0%	0.0% #4D4E4D	RGB 77 78 77	#4D4E4D
16.7%	16.7% #3F4B3F	RGB 63 75 63	#3F4B3F
33.3%	33.3% #344832	RGB 52 72 50	#344832
50.0%	50.0% #2A4526	RGB 42 69 38	#2A4526
66.7%	66.7% #21421B	RGB 33 66 27	#21421B
83.3%	83.3% #1A3F10	RGB 26 63 16	#1A3F10
100.0%	100.0% #153D07	RGB 21 61 7	#153D07

#4D4E4D #3F4B3F #344832 #2A4526 #21421B #1A3F10 #153D07

#4D4E4D - #2A4526 - #153D07

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4E4D 0%, #2A4526 50%, #153D07 100%);
    background: -webkit-linear-gradient(top, #4D4E4D 0%, #2A4526 50%, #153D07 100%);
    background: linear-gradient(to bottom, #4D4E4D 0%, #2A4526 50%, #153D07 100%);
}
</style>