#C6C9C8 - #D0FFEB | 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 #C6C9C8 to #D0FFEB

#C6C9C8 #D0FFEB

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

#C6C9C8 - #D0FFEB | 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 #C6C9C8 as 0% and #D0FFEB as 100%.

0.0%	0.0% #C6C9C8	RGB 198 201 200	#C6C9C8
16.7%	16.7% #C7D2CD	RGB 199 210 205	#C7D2CD
33.3%	33.3% #C9DBD3	RGB 201 219 211	#C9DBD3
50.0%	50.0% #CBE4D9	RGB 203 228 217	#CBE4D9
66.7%	66.7% #CCEDDF	RGB 204 237 223	#CCEDDF
83.3%	83.3% #CEF6E5	RGB 206 246 229	#CEF6E5
100.0%	100.0% #D0FFEB	RGB 208 255 235	#D0FFEB

#C6C9C8 #C7D2CD #C9DBD3 #CBE4D9 #CCEDDF #CEF6E5 #D0FFEB

#C6C9C8 - #D0FFEB

HSV Blend

#C6C9C8 - #D0FFEB | 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 #C6C9C8 as 0% and #D0FFEB as 100%.

0.0%	0.0% #C6C9C8	RGB 198 201 200	#C6C9C8
16.7%	16.7% #C8D2CE	RGB 200 210 206	#C8D2CE
33.3%	33.3% #CBDBD5	RGB 203 219 213	#CBDBD5
50.0%	50.0% #CDE4DB	RGB 205 228 219	#CDE4DB
66.7%	66.7% #CEEDE1	RGB 206 237 225	#CEEDE1
83.3%	83.3% #CFF6E6	RGB 207 246 230	#CFF6E6
100.0%	100.0% #D0FFEB	RGB 208 255 235	#D0FFEB

#C6C9C8 #C8D2CE #CBDBD5 #CDE4DB #CEEDE1 #CFF6E6 #D0FFEB

#C6C9C8 - #CDE4DB - #D0FFEB

CSS codes

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

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