#CDD9C8 - #D4D4FF | 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 #CDD9C8 to #D4D4FF

#CDD9C8 #D4D4FF

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

#CDD9C8 - #D4D4FF | 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 #CDD9C8 as 0% and #D4D4FF as 100%.

0.0%	0.0% #CDD9C8	RGB 205 217 200	#CDD9C8
16.7%	16.7% #CED8D1	RGB 206 216 209	#CED8D1
33.3%	33.3% #CFD7DA	RGB 207 215 218	#CFD7DA
50.0%	50.0% #D0D6E3	RGB 208 214 227	#D0D6E3
66.7%	66.7% #D1D5EC	RGB 209 213 236	#D1D5EC
83.3%	83.3% #D2D4F5	RGB 210 212 245	#D2D4F5
100.0%	100.0% #D4D4FF	RGB 212 212 255	#D4D4FF

#CDD9C8 #CED8D1 #CFD7DA #D0D6E3 #D1D5EC #D2D4F5 #D4D4FF

#CDD9C8 - #D4D4FF

HSV Blend

#CDD9C8 - #D4D4FF | 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 #CDD9C8 as 0% and #D4D4FF as 100%.

0.0%	0.0% #CDD9C8	RGB 205 217 200	#CDD9C8
16.7%	16.7% #CADFCC	RGB 202 223 204	#CADFCC
33.3%	33.3% #CCE5D8	RGB 204 229 216	#CCE5D8
50.0%	50.0% #CEECE7	RGB 206 236 231	#CEECE7
66.7%	66.7% #D0EAF2	RGB 208 234 242	#D0EAF2
83.3%	83.3% #D2E1F8	RGB 210 225 248	#D2E1F8
100.0%	100.0% #D4D4FF	RGB 212 212 255	#D4D4FF

#CDD9C8 #CADFCC #CCE5D8 #CEECE7 #D0EAF2 #D2E1F8 #D4D4FF

#CDD9C8 - #CEECE7 - #D4D4FF

CSS codes

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

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