#98CC51 - #5E9F00 | 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 #98CC51 to #5E9F00

#98CC51 #5E9F00

Calculate the color between two colors, #98CC51 and #5E9F00. 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)

#98CC51 - #5E9F00 | 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 #98CC51 as 0% and #5E9F00 as 100%.

0.0%	0.0% #98CC51	RGB 152 204 81	#98CC51
16.7%	16.7% #8EC443	RGB 142 196 67	#8EC443
33.3%	33.3% #84BD36	RGB 132 189 54	#84BD36
50.0%	50.0% #7BB528	RGB 123 181 40	#7BB528
66.7%	66.7% #71AE1A	RGB 113 174 26	#71AE1A
83.3%	83.3% #67A60D	RGB 103 166 13	#67A60D
100.0%	100.0% #5E9F00	RGB 94 159 0	#5E9F00

#98CC51 #8EC443 #84BD36 #7BB528 #71AE1A #67A60D #5E9F00

#98CC51 - #5E9F00

HSV Blend

#98CC51 - #5E9F00 | 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 #98CC51 as 0% and #5E9F00 as 100%.

0.0%	0.0% #98CC51	RGB 152 204 81	#98CC51
16.7%	16.7% #8DC441	RGB 141 196 65	#8DC441
33.3%	33.3% #82BD32	RGB 130 189 50	#82BD32
50.0%	50.0% #79B524	RGB 121 181 36	#79B524
66.7%	66.7% #6FAE17	RGB 111 174 23	#6FAE17
83.3%	83.3% #66A60B	RGB 102 166 11	#66A60B
100.0%	100.0% #5E9F00	RGB 94 159 0	#5E9F00

#98CC51 #8DC441 #82BD32 #79B524 #6FAE17 #66A60B #5E9F00

#98CC51 - #79B524 - #5E9F00

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #98CC51 0%, #79B524 50%, #5E9F00 100%);
    background: -webkit-linear-gradient(top, #98CC51 0%, #79B524 50%, #5E9F00 100%);
    background: linear-gradient(to bottom, #98CC51 0%, #79B524 50%, #5E9F00 100%);
}
</style>