#6CED5E - #B6FB8D | 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 #6CED5E to #B6FB8D

#6CED5E #B6FB8D

Calculate the color between two colors, #6CED5E and #B6FB8D. 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)

#6CED5E - #B6FB8D | 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 #6CED5E as 0% and #B6FB8D as 100%.

0.0%	0.0% #6CED5E	RGB 108 237 94	#6CED5E
16.7%	16.7% #78EF65	RGB 120 239 101	#78EF65
33.3%	33.3% #84F16D	RGB 132 241 109	#84F16D
50.0%	50.0% #91F475	RGB 145 244 117	#91F475
66.7%	66.7% #9DF67D	RGB 157 246 125	#9DF67D
83.3%	83.3% #A9F885	RGB 169 248 133	#A9F885
100.0%	100.0% #B6FB8D	RGB 182 251 141	#B6FB8D

#6CED5E #78EF65 #84F16D #91F475 #9DF67D #A9F885 #B6FB8D

#6CED5E - #B6FB8D

HSV Blend

#6CED5E - #B6FB8D | 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 #6CED5E as 0% and #B6FB8D as 100%.

0.0%	0.0% #6CED5E	RGB 108 237 94	#6CED5E
16.7%	16.7% #79EF65	RGB 121 239 101	#79EF65
33.3%	33.3% #86F16D	RGB 134 241 109	#86F16D
50.0%	50.0% #92F474	RGB 146 244 116	#92F474
66.7%	66.7% #9EF67C	RGB 158 246 124	#9EF67C
83.3%	83.3% #AAF884	RGB 170 248 132	#AAF884
100.0%	100.0% #B6FB8D	RGB 182 251 141	#B6FB8D

#6CED5E #79EF65 #86F16D #92F474 #9EF67C #AAF884 #B6FB8D

#6CED5E - #92F474 - #B6FB8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CED5E 0%, #92F474 50%, #B6FB8D 100%);
    background: -webkit-linear-gradient(top, #6CED5E 0%, #92F474 50%, #B6FB8D 100%);
    background: linear-gradient(to bottom, #6CED5E 0%, #92F474 50%, #B6FB8D 100%);
}
</style>