#C6C7C9 - #D0FFEC | 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 #C6C7C9 to #D0FFEC

#C6C7C9 #D0FFEC

Calculate the color between two colors, #C6C7C9 and #D0FFEC. 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)

#C6C7C9 - #D0FFEC | 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 #C6C7C9 as 0% and #D0FFEC as 100%.

0.0%	0.0% #C6C7C9	RGB 198 199 201	#C6C7C9
16.7%	16.7% #C7D0CE	RGB 199 208 206	#C7D0CE
33.3%	33.3% #C9D9D4	RGB 201 217 212	#C9D9D4
50.0%	50.0% #CBE3DA	RGB 203 227 218	#CBE3DA
66.7%	66.7% #CCECE0	RGB 204 236 224	#CCECE0
83.3%	83.3% #CEF5E6	RGB 206 245 230	#CEF5E6
100.0%	100.0% #D0FFEC	RGB 208 255 236	#D0FFEC

#C6C7C9 #C7D0CE #C9D9D4 #CBE3DA #CCECE0 #CEF5E6 #D0FFEC

#C6C7C9 - #D0FFEC

HSV Blend

#C6C7C9 - #D0FFEC | 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 #C6C7C9 as 0% and #D0FFEC as 100%.

0.0%	0.0% #C6C7C9	RGB 198 199 201	#C6C7C9
16.7%	16.7% #C8CDD2	RGB 200 205 210	#C8CDD2
33.3%	33.3% #CBD6DB	RGB 203 214 219	#CBD6DB
50.0%	50.0% #CDE1E4	RGB 205 225 228	#CDE1E4
66.7%	66.7% #CEEDEB	RGB 206 237 235	#CEEDEB
83.3%	83.3% #CFF6ED	RGB 207 246 237	#CFF6ED
100.0%	100.0% #D0FFEC	RGB 208 255 236	#D0FFEC

#C6C7C9 #C8CDD2 #CBD6DB #CDE1E4 #CEEDEB #CFF6ED #D0FFEC

#C6C7C9 - #CDE1E4 - #D0FFEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6C7C9 0%, #CDE1E4 50%, #D0FFEC 100%);
    background: -webkit-linear-gradient(top, #C6C7C9 0%, #CDE1E4 50%, #D0FFEC 100%);
    background: linear-gradient(to bottom, #C6C7C9 0%, #CDE1E4 50%, #D0FFEC 100%);
}
</style>