#C3C3CF - #DFDFD2 | 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 #C3C3CF to #DFDFD2

#C3C3CF #DFDFD2

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

#C3C3CF - #DFDFD2 | 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 #C3C3CF as 0% and #DFDFD2 as 100%.

0.0%	0.0% #C3C3CF	RGB 195 195 207	#C3C3CF
16.7%	16.7% #C7C7CF	RGB 199 199 207	#C7C7CF
33.3%	33.3% #CCCCD0	RGB 204 204 208	#CCCCD0
50.0%	50.0% #D1D1D0	RGB 209 209 208	#D1D1D0
66.7%	66.7% #D5D5D1	RGB 213 213 209	#D5D5D1
83.3%	83.3% #DADAD1	RGB 218 218 209	#DADAD1
100.0%	100.0% #DFDFD2	RGB 223 223 210	#DFDFD2

#C3C3CF #C7C7CF #CCCCD0 #D1D1D0 #D5D5D1 #DADAD1 #DFDFD2

#C3C3CF - #DFDFD2

HSV Blend

#C3C3CF - #DFDFD2 | 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 #C3C3CF as 0% and #DFDFD2 as 100%.

0.0%	0.0% #C3C3CF	RGB 195 195 207	#C3C3CF
16.7%	16.7% #CBC5D1	RGB 203 197 209	#CBC5D1
33.3%	33.3% #D4C8D4	RGB 212 200 212	#D4C8D4
50.0%	50.0% #D7CAD0	RGB 215 202 208	#D7CAD0
66.7%	66.7% #D9CDCD	RGB 217 205 205	#D9CDCD
83.3%	83.3% #DCD5CF	RGB 220 213 207	#DCD5CF
100.0%	100.0% #DFDFD2	RGB 223 223 210	#DFDFD2

#C3C3CF #CBC5D1 #D4C8D4 #D7CAD0 #D9CDCD #DCD5CF #DFDFD2

#C3C3CF - #D7CAD0 - #DFDFD2

CSS codes

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

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