#CCCDC9 - #D7D5E4 | 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 #CCCDC9 to #D7D5E4

#CCCDC9 #D7D5E4

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

#CCCDC9 - #D7D5E4 | 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 #CCCDC9 as 0% and #D7D5E4 as 100%.

0.0%	0.0% #CCCDC9	RGB 204 205 201	#CCCDC9
16.7%	16.7% #CDCECD	RGB 205 206 205	#CDCECD
33.3%	33.3% #CFCFD2	RGB 207 207 210	#CFCFD2
50.0%	50.0% #D1D1D6	RGB 209 209 214	#D1D1D6
66.7%	66.7% #D3D2DB	RGB 211 210 219	#D3D2DB
83.3%	83.3% #D5D3DF	RGB 213 211 223	#D5D3DF
100.0%	100.0% #D7D5E4	RGB 215 213 228	#D7D5E4

#CCCDC9 #CDCECD #CFCFD2 #D1D1D6 #D3D2DB #D5D3DF #D7D5E4

#CCCDC9 - #D7D5E4

HSV Blend

#CCCDC9 - #D7D5E4 | 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 #CCCDC9 as 0% and #D7D5E4 as 100%.

0.0%	0.0% #CCCDC9	RGB 204 205 201	#CCCDC9
16.7%	16.7% #CCD0CB	RGB 204 208 203	#CCD0CB
33.3%	33.3% #CDD4CE	RGB 205 212 206	#CDD4CE
50.0%	50.0% #CFD8D5	RGB 207 216 213	#CFD8D5
66.7%	66.7% #D1DADC	RGB 209 218 220	#D1DADC
83.3%	83.3% #D3D7E0	RGB 211 215 224	#D3D7E0
100.0%	100.0% #D7D5E4	RGB 215 213 228	#D7D5E4

#CCCDC9 #CCD0CB #CDD4CE #CFD8D5 #D1DADC #D3D7E0 #D7D5E4

#CCCDC9 - #CFD8D5 - #D7D5E4

CSS codes

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

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