#6BDAB1 - #8CF2FF | 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 #6BDAB1 to #8CF2FF

#6BDAB1 #8CF2FF

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

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

0.0%	0.0% #6BDAB1	RGB 107 218 177	#6BDAB1
16.7%	16.7% #70DEBE	RGB 112 222 190	#70DEBE
33.3%	33.3% #76E2CB	RGB 118 226 203	#76E2CB
50.0%	50.0% #7BE6D8	RGB 123 230 216	#7BE6D8
66.7%	66.7% #81EAE5	RGB 129 234 229	#81EAE5
83.3%	83.3% #86EEF2	RGB 134 238 242	#86EEF2
100.0%	100.0% #8CF2FF	RGB 140 242 255	#8CF2FF

#6BDAB1 #70DEBE #76E2CB #7BE6D8 #81EAE5 #86EEF2 #8CF2FF

#6BDAB1 - #8CF2FF

HSV Blend

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

0.0%	0.0% #6BDAB1	RGB 107 218 177	#6BDAB1
16.7%	16.7% #70E0BF	RGB 112 224 191	#70E0BF
33.3%	33.3% #75E6CE	RGB 117 230 206	#75E6CE
50.0%	50.0% #7AECDD	RGB 122 236 221	#7AECDD
66.7%	66.7% #80F2ED	RGB 128 242 237	#80F2ED
83.3%	83.3% #86F5F8	RGB 134 245 248	#86F5F8
100.0%	100.0% #8CF2FF	RGB 140 242 255	#8CF2FF

#6BDAB1 #70E0BF #75E6CE #7AECDD #80F2ED #86F5F8 #8CF2FF

#6BDAB1 - #7AECDD - #8CF2FF

CSS codes

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

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