#85DD5E - #3DB620 | 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 #85DD5E to #3DB620

#85DD5E #3DB620

Calculate the color between two colors, #85DD5E and #3DB620. 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)

#85DD5E - #3DB620 | 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 #85DD5E as 0% and #3DB620 as 100%.

0.0%	0.0% #85DD5E	RGB 133 221 94	#85DD5E
16.7%	16.7% #79D653	RGB 121 214 83	#79D653
33.3%	33.3% #6DD049	RGB 109 208 73	#6DD049
50.0%	50.0% #61C93F	RGB 97 201 63	#61C93F
66.7%	66.7% #55C334	RGB 85 195 52	#55C334
83.3%	83.3% #49BC2A	RGB 73 188 42	#49BC2A
100.0%	100.0% #3DB620	RGB 61 182 32	#3DB620

#85DD5E #79D653 #6DD049 #61C93F #55C334 #49BC2A #3DB620

#85DD5E - #3DB620

HSV Blend

#85DD5E - #3DB620 | 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 #85DD5E as 0% and #3DB620 as 100%.

0.0%	0.0% #85DD5E	RGB 133 221 94	#85DD5E
16.7%	16.7% #78D652	RGB 120 214 82	#78D652
33.3%	33.3% #6CD047	RGB 108 208 71	#6CD047
50.0%	50.0% #5FC93C	RGB 95 201 60	#5FC93C
66.7%	66.7% #53C332	RGB 83 195 50	#53C332
83.3%	83.3% #48BC28	RGB 72 188 40	#48BC28
100.0%	100.0% #3DB620	RGB 61 182 32	#3DB620

#85DD5E #78D652 #6CD047 #5FC93C #53C332 #48BC28 #3DB620

#85DD5E - #5FC93C - #3DB620

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #85DD5E 0%, #5FC93C 50%, #3DB620 100%);
    background: -webkit-linear-gradient(top, #85DD5E 0%, #5FC93C 50%, #3DB620 100%);
    background: linear-gradient(to bottom, #85DD5E 0%, #5FC93C 50%, #3DB620 100%);
}
</style>