#C6C9C9 - #D0FFF0 | 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 #C6C9C9 to #D0FFF0

#C6C9C9 #D0FFF0

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

#C6C9C9 - #D0FFF0 | 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 #C6C9C9 as 0% and #D0FFF0 as 100%.

0.0%	0.0% #C6C9C9	RGB 198 201 201	#C6C9C9
16.7%	16.7% #C7D2CF	RGB 199 210 207	#C7D2CF
33.3%	33.3% #C9DBD6	RGB 201 219 214	#C9DBD6
50.0%	50.0% #CBE4DC	RGB 203 228 220	#CBE4DC
66.7%	66.7% #CCEDE3	RGB 204 237 227	#CCEDE3
83.3%	83.3% #CEF6E9	RGB 206 246 233	#CEF6E9
100.0%	100.0% #D0FFF0	RGB 208 255 240	#D0FFF0

#C6C9C9 #C7D2CF #C9DBD6 #CBE4DC #CCEDE3 #CEF6E9 #D0FFF0

#C6C9C9 - #D0FFF0

HSV Blend

#C6C9C9 - #D0FFF0 | 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 #C6C9C9 as 0% and #D0FFF0 as 100%.

0.0%	0.0% #C6C9C9	RGB 198 201 201	#C6C9C9
16.7%	16.7% #C8D2D1	RGB 200 210 209	#C8D2D1
33.3%	33.3% #CBDBD9	RGB 203 219 217	#CBDBD9
50.0%	50.0% #CDE4E0	RGB 205 228 224	#CDE4E0
66.7%	66.7% #CEEDE6	RGB 206 237 230	#CEEDE6
83.3%	83.3% #CFF6EB	RGB 207 246 235	#CFF6EB
100.0%	100.0% #D0FFF0	RGB 208 255 240	#D0FFF0

#C6C9C9 #C8D2D1 #CBDBD9 #CDE4E0 #CEEDE6 #CFF6EB #D0FFF0

#C6C9C9 - #CDE4E0 - #D0FFF0

CSS codes

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

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