#C2E7DF - #6DB2B0 | 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 #C2E7DF to #6DB2B0

#C2E7DF #6DB2B0

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

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

0.0%	0.0% #C2E7DF	RGB 194 231 223	#C2E7DF
16.7%	16.7% #B3DED7	RGB 179 222 215	#B3DED7
33.3%	33.3% #A5D5CF	RGB 165 213 207	#A5D5CF
50.0%	50.0% #97CCC7	RGB 151 204 199	#97CCC7
66.7%	66.7% #89C3BF	RGB 137 195 191	#89C3BF
83.3%	83.3% #7BBAB7	RGB 123 186 183	#7BBAB7
100.0%	100.0% #6DB2B0	RGB 109 178 176	#6DB2B0

#C2E7DF #B3DED7 #A5D5CF #97CCC7 #89C3BF #7BBAB7 #6DB2B0

#C2E7DF - #6DB2B0

HSV Blend

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

0.0%	0.0% #C2E7DF	RGB 194 231 223	#C2E7DF
16.7%	16.7% #B2DED6	RGB 178 222 214	#B2DED6
33.3%	33.3% #A2D5CD	RGB 162 213 205	#A2D5CD
50.0%	50.0% #94CCC5	RGB 148 204 197	#94CCC5
66.7%	66.7% #86C3BE	RGB 134 195 190	#86C3BE
83.3%	83.3% #79BAB6	RGB 121 186 182	#79BAB6
100.0%	100.0% #6DB2B0	RGB 109 178 176	#6DB2B0

#C2E7DF #B2DED6 #A2D5CD #94CCC5 #86C3BE #79BAB6 #6DB2B0

#C2E7DF - #94CCC5 - #6DB2B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2E7DF 0%, #94CCC5 50%, #6DB2B0 100%);
    background: -webkit-linear-gradient(top, #C2E7DF 0%, #94CCC5 50%, #6DB2B0 100%);
    background: linear-gradient(to bottom, #C2E7DF 0%, #94CCC5 50%, #6DB2B0 100%);
}
</style>