#6CB8A1 - #8DEEFC | 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 #6CB8A1 to #8DEEFC

#6CB8A1 #8DEEFC

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

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

0.0%	0.0% #6CB8A1	RGB 108 184 161	#6CB8A1
16.7%	16.7% #71C1B0	RGB 113 193 176	#71C1B0
33.3%	33.3% #77CABF	RGB 119 202 191	#77CABF
50.0%	50.0% #7CD3CE	RGB 124 211 206	#7CD3CE
66.7%	66.7% #82DCDD	RGB 130 220 221	#82DCDD
83.3%	83.3% #87E5EC	RGB 135 229 236	#87E5EC
100.0%	100.0% #8DEEFC	RGB 141 238 252	#8DEEFC

#6CB8A1 #71C1B0 #77CABF #7CD3CE #82DCDD #87E5EC #8DEEFC

#6CB8A1 - #8DEEFC

HSV Blend

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

0.0%	0.0% #6CB8A1	RGB 108 184 161	#6CB8A1
16.7%	16.7% #71C3B0	RGB 113 195 176	#71C3B0
33.3%	33.3% #77CEC0	RGB 119 206 192	#77CEC0
50.0%	50.0% #7CDAD1	RGB 124 218 209	#7CDAD1
66.7%	66.7% #82E5E3	RGB 130 229 227	#82E5E3
83.3%	83.3% #87EAF0	RGB 135 234 240	#87EAF0
100.0%	100.0% #8DEEFC	RGB 141 238 252	#8DEEFC

#6CB8A1 #71C3B0 #77CEC0 #7CDAD1 #82E5E3 #87EAF0 #8DEEFC

#6CB8A1 - #7CDAD1 - #8DEEFC

CSS codes

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

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