#CDCCC9 - #D5D7E4 | 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 #CDCCC9 to #D5D7E4

#CDCCC9 #D5D7E4

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

#CDCCC9 - #D5D7E4 | 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 #CDCCC9 as 0% and #D5D7E4 as 100%.

0.0%	0.0% #CDCCC9	RGB 205 204 201	#CDCCC9
16.7%	16.7% #CECDCD	RGB 206 205 205	#CECDCD
33.3%	33.3% #CFCFD2	RGB 207 207 210	#CFCFD2
50.0%	50.0% #D1D1D6	RGB 209 209 214	#D1D1D6
66.7%	66.7% #D2D3DB	RGB 210 211 219	#D2D3DB
83.3%	83.3% #D3D5DF	RGB 211 213 223	#D3D5DF
100.0%	100.0% #D5D7E4	RGB 213 215 228	#D5D7E4

#CDCCC9 #CECDCD #CFCFD2 #D1D1D6 #D2D3DB #D3D5DF #D5D7E4

#CDCCC9 - #D5D7E4

HSV Blend

#CDCCC9 - #D5D7E4 | 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 #CDCCC9 as 0% and #D5D7E4 as 100%.

0.0%	0.0% #CDCCC9	RGB 205 204 201	#CDCCC9
16.7%	16.7% #D0CCCB	RGB 208 204 203	#D0CCCB
33.3%	33.3% #D4CDCE	RGB 212 205 206	#D4CDCE
50.0%	50.0% #D8CFD5	RGB 216 207 213	#D8CFD5
66.7%	66.7% #DAD1DC	RGB 218 209 220	#DAD1DC
83.3%	83.3% #D7D3E0	RGB 215 211 224	#D7D3E0
100.0%	100.0% #D5D7E4	RGB 213 215 228	#D5D7E4

#CDCCC9 #D0CCCB #D4CDCE #D8CFD5 #DAD1DC #D7D3E0 #D5D7E4

#CDCCC9 - #D8CFD5 - #D5D7E4

CSS codes

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

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