#C7C8C9 - #D0FFD5 | 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 #C7C8C9 to #D0FFD5

#C7C8C9 #D0FFD5

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

#C7C8C9 - #D0FFD5 | 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 #C7C8C9 as 0% and #D0FFD5 as 100%.

0.0%	0.0% #C7C8C9	RGB 199 200 201	#C7C8C9
16.7%	16.7% #C8D1CB	RGB 200 209 203	#C8D1CB
33.3%	33.3% #CADACD	RGB 202 218 205	#CADACD
50.0%	50.0% #CBE3CF	RGB 203 227 207	#CBE3CF
66.7%	66.7% #CDECD1	RGB 205 236 209	#CDECD1
83.3%	83.3% #CEF5D3	RGB 206 245 211	#CEF5D3
100.0%	100.0% #D0FFD5	RGB 208 255 213	#D0FFD5

#C7C8C9 #C8D1CB #CADACD #CBE3CF #CDECD1 #CEF5D3 #D0FFD5

#C7C8C9 - #D0FFD5

HSV Blend

#C7C8C9 - #D0FFD5 | 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 #C7C8C9 as 0% and #D0FFD5 as 100%.

0.0%	0.0% #C7C8C9	RGB 199 200 201	#C7C8C9
16.7%	16.7% #C9CFD2	RGB 201 207 210	#C9CFD2
33.3%	33.3% #CCDADB	RGB 204 218 219	#CCDADB
50.0%	50.0% #CDE4DF	RGB 205 228 223	#CDE4DF
66.7%	66.7% #CFEDE0	RGB 207 237 224	#CFEDE0
83.3%	83.3% #CFF6DC	RGB 207 246 220	#CFF6DC
100.0%	100.0% #D0FFD5	RGB 208 255 213	#D0FFD5

#C7C8C9 #C9CFD2 #CCDADB #CDE4DF #CFEDE0 #CFF6DC #D0FFD5

#C7C8C9 - #CDE4DF - #D0FFD5

CSS codes

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

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