#4A8D4D - #19492A | 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 #4A8D4D to #19492A

#4A8D4D #19492A

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

#4A8D4D - #19492A | 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 #4A8D4D as 0% and #19492A as 100%.

0.0%	0.0% #4A8D4D	RGB 74 141 77	#4A8D4D
16.7%	16.7% #418147	RGB 65 129 71	#418147
33.3%	33.3% #397641	RGB 57 118 65	#397641
50.0%	50.0% #316B3B	RGB 49 107 59	#316B3B
66.7%	66.7% #295F35	RGB 41 95 53	#295F35
83.3%	83.3% #21542F	RGB 33 84 47	#21542F
100.0%	100.0% #19492A	RGB 25 73 42	#19492A

#4A8D4D #418147 #397641 #316B3B #295F35 #21542F #19492A

#4A8D4D - #19492A

HSV Blend

#4A8D4D - #19492A | 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 #4A8D4D as 0% and #19492A as 100%.

0.0%	0.0% #4A8D4D	RGB 74 141 77	#4A8D4D
16.7%	16.7% #408146	RGB 64 129 70	#408146
33.3%	33.3% #367640	RGB 54 118 64	#367640
50.0%	50.0% #2E6B3A	RGB 46 107 58	#2E6B3A
66.7%	66.7% #265F34	RGB 38 95 52	#265F34
83.3%	83.3% #1F542F	RGB 31 84 47	#1F542F
100.0%	100.0% #19492A	RGB 25 73 42	#19492A

#4A8D4D #408146 #367640 #2E6B3A #265F34 #1F542F #19492A

#4A8D4D - #2E6B3A - #19492A

CSS codes

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

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