#C2E3E2 - #6EA1AC | 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 #C2E3E2 to #6EA1AC

#C2E3E2 #6EA1AC

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

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

0.0%	0.0% #C2E3E2	RGB 194 227 226	#C2E3E2
16.7%	16.7% #B4D8D9	RGB 180 216 217	#B4D8D9
33.3%	33.3% #A6CDD0	RGB 166 205 208	#A6CDD0
50.0%	50.0% #98C2C7	RGB 152 194 199	#98C2C7
66.7%	66.7% #8AB7BE	RGB 138 183 190	#8AB7BE
83.3%	83.3% #7CACB5	RGB 124 172 181	#7CACB5
100.0%	100.0% #6EA1AC	RGB 110 161 172	#6EA1AC

#C2E3E2 #B4D8D9 #A6CDD0 #98C2C7 #8AB7BE #7CACB5 #6EA1AC

#C2E3E2 - #6EA1AC

HSV Blend

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

0.0%	0.0% #C2E3E2	RGB 194 227 226	#C2E3E2
16.7%	16.7% #B2D9D9	RGB 178 217 217	#B2D9D9
33.3%	33.3% #A3CED0	RGB 163 206 208	#A3CED0
50.0%	50.0% #95C3C7	RGB 149 195 199	#95C3C7
66.7%	66.7% #87B8BE	RGB 135 184 190	#87B8BE
83.3%	83.3% #7AACB5	RGB 122 172 181	#7AACB5
100.0%	100.0% #6EA1AC	RGB 110 161 172	#6EA1AC

#C2E3E2 #B2D9D9 #A3CED0 #95C3C7 #87B8BE #7AACB5 #6EA1AC

#C2E3E2 - #95C3C7 - #6EA1AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2E3E2 0%, #95C3C7 50%, #6EA1AC 100%);
    background: -webkit-linear-gradient(top, #C2E3E2 0%, #95C3C7 50%, #6EA1AC 100%);
    background: linear-gradient(to bottom, #C2E3E2 0%, #95C3C7 50%, #6EA1AC 100%);
}
</style>