#4A8129 - #1D4F06 | 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 #4A8129 to #1D4F06

#4A8129 #1D4F06

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

#4A8129 - #1D4F06 | 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 #4A8129 as 0% and #1D4F06 as 100%.

0.0%	0.0% #4A8129	RGB 74 129 41	#4A8129
16.7%	16.7% #427823	RGB 66 120 35	#427823
33.3%	33.3% #3B701D	RGB 59 112 29	#3B701D
50.0%	50.0% #336817	RGB 51 104 23	#336817
66.7%	66.7% #2C5F11	RGB 44 95 17	#2C5F11
83.3%	83.3% #24570B	RGB 36 87 11	#24570B
100.0%	100.0% #1D4F06	RGB 29 79 6	#1D4F06

#4A8129 #427823 #3B701D #336817 #2C5F11 #24570B #1D4F06

#4A8129 - #1D4F06

HSV Blend

#4A8129 - #1D4F06 | 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 #4A8129 as 0% and #1D4F06 as 100%.

0.0%	0.0% #498128	RGB 73 129 40	#498128
16.7%	16.7% #417821	RGB 65 120 33	#417821
33.3%	33.3% #39701A	RGB 57 112 26	#39701A
50.0%	50.0% #316814	RGB 49 104 20	#316814
66.7%	66.7% #2A5F0E	RGB 42 95 14	#2A5F0E
83.3%	83.3% #23570A	RGB 35 87 10	#23570A
100.0%	100.0% #1D4F06	RGB 29 79 6	#1D4F06

#498128 #417821 #39701A #316814 #2A5F0E #23570A #1D4F06

#4A8129 - #316814 - #1D4F06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #498128 0%, #316814 50%, #1D4F06 100%);
    background: -webkit-linear-gradient(top, #498128 0%, #316814 50%, #1D4F06 100%);
    background: linear-gradient(to bottom, #498128 0%, #316814 50%, #1D4F06 100%);
}
</style>