#6CCDCD - #8DCBFE | 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 #6CCDCD to #8DCBFE

#6CCDCD #8DCBFE

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

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

0.0%	0.0% #6CCDCD	RGB 108 205 205	#6CCDCD
16.7%	16.7% #71CCD5	RGB 113 204 213	#71CCD5
33.3%	33.3% #77CCDD	RGB 119 204 221	#77CCDD
50.0%	50.0% #7CCCE5	RGB 124 204 229	#7CCCE5
66.7%	66.7% #82CBED	RGB 130 203 237	#82CBED
83.3%	83.3% #87CBF5	RGB 135 203 245	#87CBF5
100.0%	100.0% #8DCBFE	RGB 141 203 254	#8DCBFE

#6CCDCD #71CCD5 #77CCDD #7CCCE5 #82CBED #87CBF5 #8DCBFE

#6CCDCD - #8DCBFE

HSV Blend

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

0.0%	0.0% #6CCDCD	RGB 108 205 205	#6CCDCD
16.7%	16.7% #71CDD5	RGB 113 205 213	#71CDD5
33.3%	33.3% #76CDDD	RGB 118 205 221	#76CDDD
50.0%	50.0% #7CCDE5	RGB 124 205 229	#7CCDE5
66.7%	66.7% #81CDED	RGB 129 205 237	#81CDED
83.3%	83.3% #87CCF5	RGB 135 204 245	#87CCF5
100.0%	100.0% #8DCBFE	RGB 141 203 254	#8DCBFE

#6CCDCD #71CDD5 #76CDDD #7CCDE5 #81CDED #87CCF5 #8DCBFE

#6CCDCD - #7CCDE5 - #8DCBFE

CSS codes

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

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