#C3CFC9 - #DFD2D8 | 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 #C3CFC9 to #DFD2D8

#C3CFC9 #DFD2D8

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

#C3CFC9 - #DFD2D8 | 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 #C3CFC9 as 0% and #DFD2D8 as 100%.

0.0%	0.0% #C3CFC9	RGB 195 207 201	#C3CFC9
16.7%	16.7% #C7CFCB	RGB 199 207 203	#C7CFCB
33.3%	33.3% #CCD0CE	RGB 204 208 206	#CCD0CE
50.0%	50.0% #D1D0D0	RGB 209 208 208	#D1D0D0
66.7%	66.7% #D5D1D3	RGB 213 209 211	#D5D1D3
83.3%	83.3% #DAD1D5	RGB 218 209 213	#DAD1D5
100.0%	100.0% #DFD2D8	RGB 223 210 216	#DFD2D8

#C3CFC9 #C7CFCB #CCD0CE #D1D0D0 #D5D1D3 #DAD1D5 #DFD2D8

#C3CFC9 - #DFD2D8

HSV Blend

#C3CFC9 - #DFD2D8 | 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 #C3CFC9 as 0% and #DFD2D8 as 100%.

0.0%	0.0% #C3CFC9	RGB 195 207 201	#C3CFC9
16.7%	16.7% #C5D1C5	RGB 197 209 197	#C5D1C5
33.3%	33.3% #CED4C8	RGB 206 212 200	#CED4C8
50.0%	50.0% #D6D7CA	RGB 214 215 202	#D6D7CA
66.7%	66.7% #D9D3CD	RGB 217 211 205	#D9D3CD
83.3%	83.3% #DCCFCF	RGB 220 207 207	#DCCFCF
100.0%	100.0% #DFD2D8	RGB 223 210 216	#DFD2D8

#C3CFC9 #C5D1C5 #CED4C8 #D6D7CA #D9D3CD #DCCFCF #DFD2D8

#C3CFC9 - #D6D7CA - #DFD2D8

CSS codes

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

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