#4A8D4C - #135D06 | 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 #4A8D4C to #135D06

#4A8D4C #135D06

Calculate the color between two colors, #4A8D4C and #135D06. 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)

#4A8D4C - #135D06 | 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 #4A8D4C as 0% and #135D06 as 100%.

0.0%	0.0% #4A8D4C	RGB 74 141 76	#4A8D4C
16.7%	16.7% #408540	RGB 64 133 64	#408540
33.3%	33.3% #377D34	RGB 55 125 52	#377D34
50.0%	50.0% #2E7529	RGB 46 117 41	#2E7529
66.7%	66.7% #256D1D	RGB 37 109 29	#256D1D
83.3%	83.3% #1C6511	RGB 28 101 17	#1C6511
100.0%	100.0% #135D06	RGB 19 93 6	#135D06

#4A8D4C #408540 #377D34 #2E7529 #256D1D #1C6511 #135D06

#4A8D4C - #135D06

HSV Blend

#4A8D4C - #135D06 | 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 #4A8D4C as 0% and #135D06 as 100%.

0.0%	0.0% #4A8D4C	RGB 74 141 76	#4A8D4C
16.7%	16.7% #3B853B	RGB 59 133 59	#3B853B
33.3%	33.3% #307D2E	RGB 48 125 46	#307D2E
50.0%	50.0% #277522	RGB 39 117 34	#277522
66.7%	66.7% #1F6D17	RGB 31 109 23	#1F6D17
83.3%	83.3% #18650E	RGB 24 101 14	#18650E
100.0%	100.0% #135D06	RGB 19 93 6	#135D06

#4A8D4C #3B853B #307D2E #277522 #1F6D17 #18650E #135D06

#4A8D4C - #277522 - #135D06

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A8D4C 0%, #277522 50%, #135D06 100%);
    background: -webkit-linear-gradient(top, #4A8D4C 0%, #277522 50%, #135D06 100%);
    background: linear-gradient(to bottom, #4A8D4C 0%, #277522 50%, #135D06 100%);
}
</style>