#00461C - #4C9A54 | 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 #00461C to #4C9A54

#00461C #4C9A54

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

#00461C - #4C9A54 | 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 #00461C as 0% and #4C9A54 as 100%.

0.0%	0.0% #00461C	RGB 0 70 28	#00461C
16.7%	16.7% #0C5425	RGB 12 84 37	#0C5425
33.3%	33.3% #19622E	RGB 25 98 46	#19622E
50.0%	50.0% #267038	RGB 38 112 56	#267038
66.7%	66.7% #327E41	RGB 50 126 65	#327E41
83.3%	83.3% #3F8C4A	RGB 63 140 74	#3F8C4A
100.0%	100.0% #4C9A54	RGB 76 154 84	#4C9A54

#00461C #0C5425 #19622E #267038 #327E41 #3F8C4A #4C9A54

#00461C - #4C9A54

HSV Blend

#00461C - #4C9A54 | 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 #00461C as 0% and #4C9A54 as 100%.

0.0%	0.0% #00461C	RGB 0 70 28	#00461C
16.7%	16.7% #065421	RGB 6 84 33	#065421
33.3%	33.3% #106228	RGB 16 98 40	#106228
50.0%	50.0% #1B7030	RGB 27 112 48	#1B7030
66.7%	66.7% #297E3A	RGB 41 126 58	#297E3A
83.3%	83.3% #398C46	RGB 57 140 70	#398C46
100.0%	100.0% #4C9A54	RGB 76 154 84	#4C9A54

#00461C #065421 #106228 #1B7030 #297E3A #398C46 #4C9A54

#00461C - #1B7030 - #4C9A54

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00461C 0%, #1B7030 50%, #4C9A54 100%);
    background: -webkit-linear-gradient(top, #00461C 0%, #1B7030 50%, #4C9A54 100%);
    background: linear-gradient(to bottom, #00461C 0%, #1B7030 50%, #4C9A54 100%);
}
</style>