#4D4D4D - #095221 | 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 #4D4D4D to #095221

#4D4D4D #095221

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

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

0.0%	0.0% #4D4D4D	RGB 77 77 77	#4D4D4D
16.7%	16.7% #414D45	RGB 65 77 69	#414D45
33.3%	33.3% #364E3E	RGB 54 78 62	#364E3E
50.0%	50.0% #2B4F37	RGB 43 79 55	#2B4F37
66.7%	66.7% #1F502F	RGB 31 80 47	#1F502F
83.3%	83.3% #145128	RGB 20 81 40	#145128
100.0%	100.0% #095221	RGB 9 82 33	#095221

#4D4D4D #414D45 #364E3E #2B4F37 #1F502F #145128 #095221

#4D4D4D - #095221

HSV Blend

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

0.0%	0.0% #4D4D4D	RGB 77 77 77	#4D4D4D
16.7%	16.7% #4D4642	RGB 77 70 66	#4D4642
33.3%	33.3% #4E4937	RGB 78 73 55	#4E4937
50.0%	50.0% #494F2C	RGB 73 79 44	#494F2C
66.7%	66.7% #355020	RGB 53 80 32	#355020
83.3%	83.3% #185114	RGB 24 81 20	#185114
100.0%	100.0% #095221	RGB 9 82 33	#095221

#4D4D4D #4D4642 #4E4937 #494F2C #355020 #185114 #095221

#4D4D4D - #494F2C - #095221

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D4D 0%, #494F2C 50%, #095221 100%);
    background: -webkit-linear-gradient(top, #4D4D4D 0%, #494F2C 50%, #095221 100%);
    background: linear-gradient(to bottom, #4D4D4D 0%, #494F2C 50%, #095221 100%);
}
</style>