#149600 - #8BD16D | 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 #149600 to #8BD16D

#149600 #8BD16D

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

#149600 - #8BD16D | 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 #149600 as 0% and #8BD16D as 100%.

0.0%	0.0% #149600	RGB 20 150 0	#149600
16.7%	16.7% #279F12	RGB 39 159 18	#279F12
33.3%	33.3% #3BA924	RGB 59 169 36	#3BA924
50.0%	50.0% #4FB336	RGB 79 179 54	#4FB336
66.7%	66.7% #63BD48	RGB 99 189 72	#63BD48
83.3%	83.3% #77C75A	RGB 119 199 90	#77C75A
100.0%	100.0% #8BD16D	RGB 139 209 109	#8BD16D

#149600 #279F12 #3BA924 #4FB336 #63BD48 #77C75A #8BD16D

#149600 - #8BD16D

HSV Blend

#149600 - #8BD16D | 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 #149600 as 0% and #8BD16D as 100%.

0.0%	0.0% #139600	RGB 19 150 0	#139600
16.7%	16.7% #259F0D	RGB 37 159 13	#259F0D
33.3%	33.3% #37A91D	RGB 55 169 29	#37A91D
50.0%	50.0% #4BB32E	RGB 75 179 46	#4BB32E
66.7%	66.7% #60BD41	RGB 96 189 65	#60BD41
83.3%	83.3% #75C756	RGB 117 199 86	#75C756
100.0%	100.0% #8BD16D	RGB 139 209 109	#8BD16D

#139600 #259F0D #37A91D #4BB32E #60BD41 #75C756 #8BD16D

#149600 - #4BB32E - #8BD16D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #139600 0%, #4BB32E 50%, #8BD16D 100%);
    background: -webkit-linear-gradient(top, #139600 0%, #4BB32E 50%, #8BD16D 100%);
    background: linear-gradient(to bottom, #139600 0%, #4BB32E 50%, #8BD16D 100%);
}
</style>