#C2DFD7 - #6DA6A0 | 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 #C2DFD7 to #6DA6A0

#C2DFD7 #6DA6A0

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

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

0.0%	0.0% #C2DFD7	RGB 194 223 215	#C2DFD7
16.7%	16.7% #B3D5CD	RGB 179 213 205	#B3D5CD
33.3%	33.3% #A5CCC4	RGB 165 204 196	#A5CCC4
50.0%	50.0% #97C2BB	RGB 151 194 187	#97C2BB
66.7%	66.7% #89B9B2	RGB 137 185 178	#89B9B2
83.3%	83.3% #7BAFA9	RGB 123 175 169	#7BAFA9
100.0%	100.0% #6DA6A0	RGB 109 166 160	#6DA6A0

#C2DFD7 #B3D5CD #A5CCC4 #97C2BB #89B9B2 #7BAFA9 #6DA6A0

#C2DFD7 - #6DA6A0

HSV Blend

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

0.0%	0.0% #C2DFD7	RGB 194 223 215	#C2DFD7
16.7%	16.7% #B2D5CC	RGB 178 213 204	#B2D5CC
33.3%	33.3% #A2CCC3	RGB 162 204 195	#A2CCC3
50.0%	50.0% #94C2B9	RGB 148 194 185	#94C2B9
66.7%	66.7% #86B9B0	RGB 134 185 176	#86B9B0
83.3%	83.3% #79AFA8	RGB 121 175 168	#79AFA8
100.0%	100.0% #6DA6A0	RGB 109 166 160	#6DA6A0

#C2DFD7 #B2D5CC #A2CCC3 #94C2B9 #86B9B0 #79AFA8 #6DA6A0

#C2DFD7 - #94C2B9 - #6DA6A0

CSS codes

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

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