#C2DFDC - #6FBBAB | 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 #C2DFDC to #6FBBAB

#C2DFDC #6FBBAB

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

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

0.0%	0.0% #C2DFDC	RGB 194 223 220	#C2DFDC
16.7%	16.7% #B4D9D3	RGB 180 217 211	#B4D9D3
33.3%	33.3% #A6D3CB	RGB 166 211 203	#A6D3CB
50.0%	50.0% #98CDC3	RGB 152 205 195	#98CDC3
66.7%	66.7% #8AC7BB	RGB 138 199 187	#8AC7BB
83.3%	83.3% #7CC1B3	RGB 124 193 179	#7CC1B3
100.0%	100.0% #6FBBAB	RGB 111 187 171	#6FBBAB

#C2DFDC #B4D9D3 #A6D3CB #98CDC3 #8AC7BB #7CC1B3 #6FBBAB

#C2DFDC - #6FBBAB

HSV Blend

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

0.0%	0.0% #C2DFDC	RGB 194 223 220	#C2DFDC
16.7%	16.7% #B2D9D4	RGB 178 217 212	#B2D9D4
33.3%	33.3% #A4D3CC	RGB 164 211 204	#A4D3CC
50.0%	50.0% #96CDC4	RGB 150 205 196	#96CDC4
66.7%	66.7% #88C7BC	RGB 136 199 188	#88C7BC
83.3%	83.3% #7BC1B3	RGB 123 193 179	#7BC1B3
100.0%	100.0% #6FBBAB	RGB 111 187 171	#6FBBAB

#C2DFDC #B2D9D4 #A4D3CC #96CDC4 #88C7BC #7BC1B3 #6FBBAB

#C2DFDC - #96CDC4 - #6FBBAB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DFDC 0%, #96CDC4 50%, #6FBBAB 100%);
    background: -webkit-linear-gradient(top, #C2DFDC 0%, #96CDC4 50%, #6FBBAB 100%);
    background: linear-gradient(to bottom, #C2DFDC 0%, #96CDC4 50%, #6FBBAB 100%);
}
</style>