#4A6D3C - #284B04 | 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 #4A6D3C to #284B04

#4A6D3C #284B04

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

#4A6D3C - #284B04 | 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 #4A6D3C as 0% and #284B04 as 100%.

0.0%	0.0% #4A6D3C	RGB 74 109 60	#4A6D3C
16.7%	16.7% #446732	RGB 68 103 50	#446732
33.3%	33.3% #3E6129	RGB 62 97 41	#3E6129
50.0%	50.0% #395C20	RGB 57 92 32	#395C20
66.7%	66.7% #335616	RGB 51 86 22	#335616
83.3%	83.3% #2D500D	RGB 45 80 13	#2D500D
100.0%	100.0% #284B04	RGB 40 75 4	#284B04

#4A6D3C #446732 #3E6129 #395C20 #335616 #2D500D #284B04

#4A6D3C - #284B04

HSV Blend

#4A6D3C - #284B04 | 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 #4A6D3C as 0% and #284B04 as 100%.

0.0%	0.0% #4A6D3C	RGB 74 109 60	#4A6D3C
16.7%	16.7% #426730	RGB 66 103 48	#426730
33.3%	33.3% #3B6125	RGB 59 97 37	#3B6125
50.0%	50.0% #355C1B	RGB 53 92 27	#355C1B
66.7%	66.7% #305612	RGB 48 86 18	#305612
83.3%	83.3% #2B500A	RGB 43 80 10	#2B500A
100.0%	100.0% #284B04	RGB 40 75 4	#284B04

#4A6D3C #426730 #3B6125 #355C1B #305612 #2B500A #284B04

#4A6D3C - #355C1B - #284B04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A6D3C 0%, #355C1B 50%, #284B04 100%);
    background: -webkit-linear-gradient(top, #4A6D3C 0%, #355C1B 50%, #284B04 100%);
    background: linear-gradient(to bottom, #4A6D3C 0%, #355C1B 50%, #284B04 100%);
}
</style>