#8CBE3C - #49870F | 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 #8CBE3C to #49870F

#8CBE3C #49870F

Calculate the color between two colors, #8CBE3C and #49870F. 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)

#8CBE3C - #49870F | 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 #8CBE3C as 0% and #49870F as 100%.

0.0%	0.0% #8CBE3C	RGB 140 190 60	#8CBE3C
16.7%	16.7% #80B434	RGB 128 180 52	#80B434
33.3%	33.3% #75AB2D	RGB 117 171 45	#75AB2D
50.0%	50.0% #6AA225	RGB 106 162 37	#6AA225
66.7%	66.7% #5F991E	RGB 95 153 30	#5F991E
83.3%	83.3% #549016	RGB 84 144 22	#549016
100.0%	100.0% #49870F	RGB 73 135 15	#49870F

#8CBE3C #80B434 #75AB2D #6AA225 #5F991E #549016 #49870F

#8CBE3C - #49870F

HSV Blend

#8CBE3C - #49870F | 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 #8CBE3C as 0% and #49870F as 100%.

0.0%	0.0% #8CBE3C	RGB 140 190 60	#8CBE3C
16.7%	16.7% #80B432	RGB 128 180 50	#80B432
33.3%	33.3% #74AB2A	RGB 116 171 42	#74AB2A
50.0%	50.0% #68A222	RGB 104 162 34	#68A222
66.7%	66.7% #5D991B	RGB 93 153 27	#5D991B
83.3%	83.3% #539014	RGB 83 144 20	#539014
100.0%	100.0% #49870F	RGB 73 135 15	#49870F

#8CBE3C #80B432 #74AB2A #68A222 #5D991B #539014 #49870F

#8CBE3C - #68A222 - #49870F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CBE3C 0%, #68A222 50%, #49870F 100%);
    background: -webkit-linear-gradient(top, #8CBE3C 0%, #68A222 50%, #49870F 100%);
    background: linear-gradient(to bottom, #8CBE3C 0%, #68A222 50%, #49870F 100%);
}
</style>