#6CDBA4 - #CBFF8C | 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 #6CDBA4 to #CBFF8C

#6CDBA4 #CBFF8C

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

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

0.0%	0.0% #6CDBA4	RGB 108 219 164	#6CDBA4
16.7%	16.7% #7BE1A0	RGB 123 225 160	#7BE1A0
33.3%	33.3% #8BE79C	RGB 139 231 156	#8BE79C
50.0%	50.0% #9BED98	RGB 155 237 152	#9BED98
66.7%	66.7% #ABF394	RGB 171 243 148	#ABF394
83.3%	83.3% #BBF990	RGB 187 249 144	#BBF990
100.0%	100.0% #CBFF8C	RGB 203 255 140	#CBFF8C

#6CDBA4 #7BE1A0 #8BE79C #9BED98 #ABF394 #BBF990 #CBFF8C

#6CDBA4 - #CBFF8C

HSV Blend

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

0.0%	0.0% #6CDBA4	RGB 108 219 164	#6CDBA4
16.7%	16.7% #71E195	RGB 113 225 149	#71E195
33.3%	33.3% #76E787	RGB 118 231 135	#76E787
50.0%	50.0% #7DED7B	RGB 125 237 123	#7DED7B
66.7%	66.7% #97F380	RGB 151 243 128	#97F380
83.3%	83.3% #B1F986	RGB 177 249 134	#B1F986
100.0%	100.0% #CBFF8C	RGB 203 255 140	#CBFF8C

#6CDBA4 #71E195 #76E787 #7DED7B #97F380 #B1F986 #CBFF8C

#6CDBA4 - #7DED7B - #CBFF8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CDBA4 0%, #7DED7B 50%, #CBFF8C 100%);
    background: -webkit-linear-gradient(top, #6CDBA4 0%, #7DED7B 50%, #CBFF8C 100%);
    background: linear-gradient(to bottom, #6CDBA4 0%, #7DED7B 50%, #CBFF8C 100%);
}
</style>