#6CC5DB - #8CFFA0 | 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 #6CC5DB to #8CFFA0

#6CC5DB #8CFFA0

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

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

0.0%	0.0% #6CC5DB	RGB 108 197 219	#6CC5DB
16.7%	16.7% #71CED1	RGB 113 206 209	#71CED1
33.3%	33.3% #76D8C7	RGB 118 216 199	#76D8C7
50.0%	50.0% #7CE2BD	RGB 124 226 189	#7CE2BD
66.7%	66.7% #81EBB3	RGB 129 235 179	#81EBB3
83.3%	83.3% #86F5A9	RGB 134 245 169	#86F5A9
100.0%	100.0% #8CFFA0	RGB 140 255 160	#8CFFA0

#6CC5DB #71CED1 #76D8C7 #7CE2BD #81EBB3 #86F5A9 #8CFFA0

#6CC5DB - #8CFFA0

HSV Blend

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

0.0%	0.0% #6CC5DB	RGB 108 197 219	#6CC5DB
16.7%	16.7% #71DDE1	RGB 113 221 225	#71DDE1
33.3%	33.3% #76E7D6	RGB 118 231 214	#76E7D6
50.0%	50.0% #7BEDC9	RGB 123 237 201	#7BEDC9
66.7%	66.7% #80F3BB	RGB 128 243 187	#80F3BB
83.3%	83.3% #86F9AD	RGB 134 249 173	#86F9AD
100.0%	100.0% #8CFFA0	RGB 140 255 160	#8CFFA0

#6CC5DB #71DDE1 #76E7D6 #7BEDC9 #80F3BB #86F9AD #8CFFA0

#6CC5DB - #7BEDC9 - #8CFFA0

CSS codes

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

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