#61FF8C - #0AD963 | 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 #61FF8C to #0AD963

#61FF8C #0AD963

Calculate the color between two colors, #61FF8C and #0AD963. 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)

#61FF8C - #0AD963 | 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 #61FF8C as 0% and #0AD963 as 100%.

0.0%	0.0% #61FF8C	RGB 97 255 140	#61FF8C
16.7%	16.7% #52F885	RGB 82 248 133	#52F885
33.3%	33.3% #44F27E	RGB 68 242 126	#44F27E
50.0%	50.0% #35EC77	RGB 53 236 119	#35EC77
66.7%	66.7% #27E570	RGB 39 229 112	#27E570
83.3%	83.3% #18DF69	RGB 24 223 105	#18DF69
100.0%	100.0% #0AD963	RGB 10 217 99	#0AD963

#61FF8C #52F885 #44F27E #35EC77 #27E570 #18DF69 #0AD963

#61FF8C - #0AD963

HSV Blend

#61FF8C - #0AD963 | 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 #61FF8C as 0% and #0AD963 as 100%.

0.0%	0.0% #61FF8B	RGB 97 255 139	#61FF8B
16.7%	16.7% #50F882	RGB 80 248 130	#50F882
33.3%	33.3% #41F27A	RGB 65 242 122	#41F27A
50.0%	50.0% #32EC73	RGB 50 236 115	#32EC73
66.7%	66.7% #24E56D	RGB 36 229 109	#24E56D
83.3%	83.3% #16DF67	RGB 22 223 103	#16DF67
100.0%	100.0% #0AD963	RGB 10 217 99	#0AD963

#61FF8B #50F882 #41F27A #32EC73 #24E56D #16DF67 #0AD963

#61FF8C - #32EC73 - #0AD963

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #61FF8B 0%, #32EC73 50%, #0AD963 100%);
    background: -webkit-linear-gradient(top, #61FF8B 0%, #32EC73 50%, #0AD963 100%);
    background: linear-gradient(to bottom, #61FF8B 0%, #32EC73 50%, #0AD963 100%);
}
</style>