#C0D9C8 - #6DAD8A | 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 #C0D9C8 to #6DAD8A

#C0D9C8 #6DAD8A

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

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

0.0%	0.0% #C0D9C8	RGB 192 217 200	#C0D9C8
16.7%	16.7% #B2D1BD	RGB 178 209 189	#B2D1BD
33.3%	33.3% #A4CAB3	RGB 164 202 179	#A4CAB3
50.0%	50.0% #96C3A9	RGB 150 195 169	#96C3A9
66.7%	66.7% #88BB9E	RGB 136 187 158	#88BB9E
83.3%	83.3% #7AB494	RGB 122 180 148	#7AB494
100.0%	100.0% #6DAD8A	RGB 109 173 138	#6DAD8A

#C0D9C8 #B2D1BD #A4CAB3 #96C3A9 #88BB9E #7AB494 #6DAD8A

#C0D9C8 - #6DAD8A

HSV Blend

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

0.0%	0.0% #C0D9C8	RGB 192 217 200	#C0D9C8
16.7%	16.7% #B0D1BB	RGB 176 209 187	#B0D1BB
33.3%	33.3% #A1CAB0	RGB 161 202 176	#A1CAB0
50.0%	50.0% #93C3A5	RGB 147 195 165	#93C3A5
66.7%	66.7% #86BB9C	RGB 134 187 156	#86BB9C
83.3%	83.3% #79B492	RGB 121 180 146	#79B492
100.0%	100.0% #6DAD8A	RGB 109 173 138	#6DAD8A

#C0D9C8 #B0D1BB #A1CAB0 #93C3A5 #86BB9C #79B492 #6DAD8A

#C0D9C8 - #93C3A5 - #6DAD8A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0D9C8 0%, #93C3A5 50%, #6DAD8A 100%);
    background: -webkit-linear-gradient(top, #C0D9C8 0%, #93C3A5 50%, #6DAD8A 100%);
    background: linear-gradient(to bottom, #C0D9C8 0%, #93C3A5 50%, #6DAD8A 100%);
}
</style>