#97EB6D - #49AB0D | 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 #97EB6D to #49AB0D

#97EB6D #49AB0D

Calculate the color between two colors, #97EB6D and #49AB0D. 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)

#97EB6D - #49AB0D | 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 #97EB6D as 0% and #49AB0D as 100%.

0.0%	0.0% #97EB6D	RGB 151 235 109	#97EB6D
16.7%	16.7% #8AE05D	RGB 138 224 93	#8AE05D
33.3%	33.3% #7DD54D	RGB 125 213 77	#7DD54D
50.0%	50.0% #70CB3D	RGB 112 203 61	#70CB3D
66.7%	66.7% #63C02D	RGB 99 192 45	#63C02D
83.3%	83.3% #56B51D	RGB 86 181 29	#56B51D
100.0%	100.0% #49AB0D	RGB 73 171 13	#49AB0D

#97EB6D #8AE05D #7DD54D #70CB3D #63C02D #56B51D #49AB0D

#97EB6D - #49AB0D

HSV Blend

#97EB6D - #49AB0D | 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 #97EB6D as 0% and #49AB0D as 100%.

0.0%	0.0% #97EB6D	RGB 151 235 109	#97EB6D
16.7%	16.7% #87E059	RGB 135 224 89	#87E059
33.3%	33.3% #79D547	RGB 121 213 71	#79D547
50.0%	50.0% #6BCB36	RGB 107 203 54	#6BCB36
66.7%	66.7% #5FC027	RGB 95 192 39	#5FC027
83.3%	83.3% #53B519	RGB 83 181 25	#53B519
100.0%	100.0% #49AB0D	RGB 73 171 13	#49AB0D

#97EB6D #87E059 #79D547 #6BCB36 #5FC027 #53B519 #49AB0D

#97EB6D - #6BCB36 - #49AB0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #97EB6D 0%, #6BCB36 50%, #49AB0D 100%);
    background: -webkit-linear-gradient(top, #97EB6D 0%, #6BCB36 50%, #49AB0D 100%);
    background: linear-gradient(to bottom, #97EB6D 0%, #6BCB36 50%, #49AB0D 100%);
}
</style>