#6CFFC6 - #A0FFAB | 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 #6CFFC6 to #A0FFAB

#6CFFC6 #A0FFAB

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

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

0.0%	0.0% #6CFFC6	RGB 108 255 198	#6CFFC6
16.7%	16.7% #74FFC1	RGB 116 255 193	#74FFC1
33.3%	33.3% #7DFFBD	RGB 125 255 189	#7DFFBD
50.0%	50.0% #86FFB8	RGB 134 255 184	#86FFB8
66.7%	66.7% #8EFFB4	RGB 142 255 180	#8EFFB4
83.3%	83.3% #97FFAF	RGB 151 255 175	#97FFAF
100.0%	100.0% #A0FFAB	RGB 160 255 171	#A0FFAB

#6CFFC6 #74FFC1 #7DFFBD #86FFB8 #8EFFB4 #97FFAF #A0FFAB

#6CFFC6 - #A0FFAB

HSV Blend

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

0.0%	0.0% #6CFFC6	RGB 108 255 198	#6CFFC6
16.7%	16.7% #74FFBD	RGB 116 255 189	#74FFBD
33.3%	33.3% #7DFFB7	RGB 125 255 183	#7DFFB7
50.0%	50.0% #86FFB2	RGB 134 255 178	#86FFB2
66.7%	66.7% #8EFFAE	RGB 142 255 174	#8EFFAE
83.3%	83.3% #97FFAB	RGB 151 255 171	#97FFAB
100.0%	100.0% #A0FFAB	RGB 160 255 171	#A0FFAB

#6CFFC6 #74FFBD #7DFFB7 #86FFB2 #8EFFAE #97FFAB #A0FFAB

#6CFFC6 - #86FFB2 - #A0FFAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CFFC6 0%, #86FFB2 50%, #A0FFAB 100%);
    background: -webkit-linear-gradient(top, #6CFFC6 0%, #86FFB2 50%, #A0FFAB 100%);
    background: linear-gradient(to bottom, #6CFFC6 0%, #86FFB2 50%, #A0FFAB 100%);
}
</style>