#C5C6C5 - #DFCCE2 | 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 #C5C6C5 to #DFCCE2

#C5C6C5 #DFCCE2

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

#C5C6C5 - #DFCCE2 | 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 #C5C6C5 as 0% and #DFCCE2 as 100%.

0.0%	0.0% #C5C6C5	RGB 197 198 197	#C5C6C5
16.7%	16.7% #C9C7C9	RGB 201 199 201	#C9C7C9
33.3%	33.3% #CDC8CE	RGB 205 200 206	#CDC8CE
50.0%	50.0% #D2C9D3	RGB 210 201 211	#D2C9D3
66.7%	66.7% #D6CAD8	RGB 214 202 216	#D6CAD8
83.3%	83.3% #DACBDD	RGB 218 203 221	#DACBDD
100.0%	100.0% #DFCCE2	RGB 223 204 226	#DFCCE2

#C5C6C5 #C9C7C9 #CDC8CE #D2C9D3 #D6CAD8 #DACBDD #DFCCE2

#C5C6C5 - #DFCCE2

HSV Blend

#C5C6C5 - #DFCCE2 | 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 #C5C6C5 as 0% and #DFCCE2 as 100%.

0.0%	0.0% #C5C6C5	RGB 197 198 197	#C5C6C5
16.7%	16.7% #C6CAC8	RGB 198 202 200	#C6CAC8
33.3%	33.3% #C7CFCE	RGB 199 207 206	#C7CFCE
50.0%	50.0% #C9CFD4	RGB 201 207 212	#C9CFD4
66.7%	66.7% #CACBD8	RGB 202 203 216	#CACBD8
83.3%	83.3% #D2CBDD	RGB 210 203 221	#D2CBDD
100.0%	100.0% #DFCCE2	RGB 223 204 226	#DFCCE2

#C5C6C5 #C6CAC8 #C7CFCE #C9CFD4 #CACBD8 #D2CBDD #DFCCE2

#C5C6C5 - #C9CFD4 - #DFCCE2

CSS codes

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

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