#C7C3CF - #DBDFD2 | 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 #C7C3CF to #DBDFD2

#C7C3CF #DBDFD2

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

#C7C3CF - #DBDFD2 | 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 #C7C3CF as 0% and #DBDFD2 as 100%.

0.0%	0.0% #C7C3CF	RGB 199 195 207	#C7C3CF
16.7%	16.7% #CAC7CF	RGB 202 199 207	#CAC7CF
33.3%	33.3% #CDCCD0	RGB 205 204 208	#CDCCD0
50.0%	50.0% #D1D1D0	RGB 209 209 208	#D1D1D0
66.7%	66.7% #D4D5D1	RGB 212 213 209	#D4D5D1
83.3%	83.3% #D7DAD1	RGB 215 218 209	#D7DAD1
100.0%	100.0% #DBDFD2	RGB 219 223 210	#DBDFD2

#C7C3CF #CAC7CF #CDCCD0 #D1D1D0 #D4D5D1 #D7DAD1 #DBDFD2

#C7C3CF - #DBDFD2

HSV Blend

#C7C3CF - #DBDFD2 | 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 #C7C3CF as 0% and #DBDFD2 as 100%.

0.0%	0.0% #C7C3CF	RGB 199 195 207	#C7C3CF
16.7%	16.7% #CFC5D1	RGB 207 197 209	#CFC5D1
33.3%	33.3% #D4C8D0	RGB 212 200 208	#D4C8D0
50.0%	50.0% #D7CACC	RGB 215 202 204	#D7CACC
66.7%	66.7% #D9D1CD	RGB 217 209 205	#D9D1CD
83.3%	83.3% #DCD9CF	RGB 220 217 207	#DCD9CF
100.0%	100.0% #DBDFD2	RGB 219 223 210	#DBDFD2

#C7C3CF #CFC5D1 #D4C8D0 #D7CACC #D9D1CD #DCD9CF #DBDFD2

#C7C3CF - #D7CACC - #DBDFD2

CSS codes

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

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