#C2DED2 - #6EAE9A | 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 #C2DED2 to #6EAE9A

#C2DED2 #6EAE9A

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

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

0.0%	0.0% #C2DED2	RGB 194 222 210	#C2DED2
16.7%	16.7% #B4D6C8	RGB 180 214 200	#B4D6C8
33.3%	33.3% #A6CEBF	RGB 166 206 191	#A6CEBF
50.0%	50.0% #98C6B6	RGB 152 198 182	#98C6B6
66.7%	66.7% #8ABEAC	RGB 138 190 172	#8ABEAC
83.3%	83.3% #7CB6A3	RGB 124 182 163	#7CB6A3
100.0%	100.0% #6EAE9A	RGB 110 174 154	#6EAE9A

#C2DED2 #B4D6C8 #A6CEBF #98C6B6 #8ABEAC #7CB6A3 #6EAE9A

#C2DED2 - #6EAE9A

HSV Blend

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

0.0%	0.0% #C2DED2	RGB 194 222 210	#C2DED2
16.7%	16.7% #B2D6C7	RGB 178 214 199	#B2D6C7
33.3%	33.3% #A3CEBD	RGB 163 206 189	#A3CEBD
50.0%	50.0% #95C6B3	RGB 149 198 179	#95C6B3
66.7%	66.7% #87BEAA	RGB 135 190 170	#87BEAA
83.3%	83.3% #7AB6A2	RGB 122 182 162	#7AB6A2
100.0%	100.0% #6EAE9A	RGB 110 174 154	#6EAE9A

#C2DED2 #B2D6C7 #A3CEBD #95C6B3 #87BEAA #7AB6A2 #6EAE9A

#C2DED2 - #95C6B3 - #6EAE9A

CSS codes

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

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