#8FBC5E - #49701F | 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 #8FBC5E to #49701F

#8FBC5E #49701F

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

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

0.0%	0.0% #8FBC5E	RGB 143 188 94	#8FBC5E
16.7%	16.7% #83AF53	RGB 131 175 83	#83AF53
33.3%	33.3% #77A249	RGB 119 162 73	#77A249
50.0%	50.0% #6C963E	RGB 108 150 62	#6C963E
66.7%	66.7% #608934	RGB 96 137 52	#608934
83.3%	83.3% #547C29	RGB 84 124 41	#547C29
100.0%	100.0% #49701F	RGB 73 112 31	#49701F

#8FBC5E #83AF53 #77A249 #6C963E #608934 #547C29 #49701F

#8FBC5E - #49701F

HSV Blend

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

0.0%	0.0% #8FBC5E	RGB 143 188 94	#8FBC5E
16.7%	16.7% #82AF51	RGB 130 175 81	#82AF51
33.3%	33.3% #75A245	RGB 117 162 69	#75A245
50.0%	50.0% #69963A	RGB 105 150 58	#69963A
66.7%	66.7% #5E8930	RGB 94 137 48	#5E8930
83.3%	83.3% #537C27	RGB 83 124 39	#537C27
100.0%	100.0% #49701F	RGB 73 112 31	#49701F

#8FBC5E #82AF51 #75A245 #69963A #5E8930 #537C27 #49701F

#8FBC5E - #69963A - #49701F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FBC5E 0%, #69963A 50%, #49701F 100%);
    background: -webkit-linear-gradient(top, #8FBC5E 0%, #69963A 50%, #49701F 100%);
    background: linear-gradient(to bottom, #8FBC5E 0%, #69963A 50%, #49701F 100%);
}
</style>