#4D5E4D - #0A5622 | 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 #4D5E4D to #0A5622

#4D5E4D #0A5622

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

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

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #415C45	RGB 65 92 69	#415C45
33.3%	33.3% #365B3E	RGB 54 91 62	#365B3E
50.0%	50.0% #2B5A37	RGB 43 90 55	#2B5A37
66.7%	66.7% #205830	RGB 32 88 48	#205830
83.3%	83.3% #155729	RGB 21 87 41	#155729
100.0%	100.0% #0A5622	RGB 10 86 34	#0A5622

#4D5E4D #415C45 #365B3E #2B5A37 #205830 #155729 #0A5622

#4D5E4D - #0A5622

HSV Blend

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

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #415C42	RGB 65 92 66	#415C42
33.3%	33.3% #355B39	RGB 53 91 57	#355B39
50.0%	50.0% #2A5A31	RGB 42 90 49	#2A5A31
66.7%	66.7% #1F582B	RGB 31 88 43	#1F582B
83.3%	83.3% #145726	RGB 20 87 38	#145726
100.0%	100.0% #0A5622	RGB 10 86 34	#0A5622

#4D5E4D #415C42 #355B39 #2A5A31 #1F582B #145726 #0A5622

#4D5E4D - #2A5A31 - #0A5622

CSS codes

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

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