#6BFF70 - #8DFED2 | 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 #6BFF70 to #8DFED2

#6BFF70 #8DFED2

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

#6BFF70 - #8DFED2 | 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 #6BFF70 as 0% and #8DFED2 as 100%.

0.0%	0.0% #6BFF70	RGB 107 255 112	#6BFF70
16.7%	16.7% #70FE80	RGB 112 254 128	#70FE80
33.3%	33.3% #76FE90	RGB 118 254 144	#76FE90
50.0%	50.0% #7CFEA1	RGB 124 254 161	#7CFEA1
66.7%	66.7% #81FEB1	RGB 129 254 177	#81FEB1
83.3%	83.3% #87FEC1	RGB 135 254 193	#87FEC1
100.0%	100.0% #8DFED2	RGB 141 254 210	#8DFED2

#6BFF70 #70FE80 #76FE90 #7CFEA1 #81FEB1 #87FEC1 #8DFED2

#6BFF70 - #8DFED2

HSV Blend

#6BFF70 - #8DFED2 | 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 #6BFF70 as 0% and #8DFED2 as 100%.

0.0%	0.0% #6BFF70	RGB 107 255 112	#6BFF70
16.7%	16.7% #70FE83	RGB 112 254 131	#70FE83
33.3%	33.3% #76FE95	RGB 118 254 149	#76FE95
50.0%	50.0% #7CFEA6	RGB 124 254 166	#7CFEA6
66.7%	66.7% #81FEB5	RGB 129 254 181	#81FEB5
83.3%	83.3% #87FEC4	RGB 135 254 196	#87FEC4
100.0%	100.0% #8DFED2	RGB 141 254 210	#8DFED2

#6BFF70 #70FE83 #76FE95 #7CFEA6 #81FEB5 #87FEC4 #8DFED2

#6BFF70 - #7CFEA6 - #8DFED2

CSS codes

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

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