#52FF8D - #00D965 | 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 #52FF8D to #00D965

#52FF8D #00D965

Calculate the color between two colors, #52FF8D and #00D965. 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)

#52FF8D - #00D965 | 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 #52FF8D as 0% and #00D965 as 100%.

0.0%	0.0% #52FF8D	RGB 82 255 141	#52FF8D
16.7%	16.7% #44F886	RGB 68 248 134	#44F886
33.3%	33.3% #36F27F	RGB 54 242 127	#36F27F
50.0%	50.0% #29EC79	RGB 41 236 121	#29EC79
66.7%	66.7% #1BE572	RGB 27 229 114	#1BE572
83.3%	83.3% #0DDF6B	RGB 13 223 107	#0DDF6B
100.0%	100.0% #00D965	RGB 0 217 101	#00D965

#52FF8D #44F886 #36F27F #29EC79 #1BE572 #0DDF6B #00D965

#52FF8D - #00D965

HSV Blend

#52FF8D - #00D965 | 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 #52FF8D as 0% and #00D965 as 100%.

0.0%	0.0% #51FF8C	RGB 81 255 140	#51FF8C
16.7%	16.7% #42F884	RGB 66 248 132	#42F884
33.3%	33.3% #33F27C	RGB 51 242 124	#33F27C
50.0%	50.0% #25EC75	RGB 37 236 117	#25EC75
66.7%	66.7% #18E56F	RGB 24 229 111	#18E56F
83.3%	83.3% #0BDF69	RGB 11 223 105	#0BDF69
100.0%	100.0% #00D965	RGB 0 217 101	#00D965

#51FF8C #42F884 #33F27C #25EC75 #18E56F #0BDF69 #00D965

#52FF8D - #25EC75 - #00D965

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #51FF8C 0%, #25EC75 50%, #00D965 100%);
    background: -webkit-linear-gradient(top, #51FF8C 0%, #25EC75 50%, #00D965 100%);
    background: linear-gradient(to bottom, #51FF8C 0%, #25EC75 50%, #00D965 100%);
}
</style>