#CDDAC4 - #D4D9FF | 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 #CDDAC4 to #D4D9FF

#CDDAC4 #D4D9FF

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

#CDDAC4 - #D4D9FF | 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 #CDDAC4 as 0% and #D4D9FF as 100%.

0.0%	0.0% #CDDAC4	RGB 205 218 196	#CDDAC4
16.7%	16.7% #CED9CD	RGB 206 217 205	#CED9CD
33.3%	33.3% #CFD9D7	RGB 207 217 215	#CFD9D7
50.0%	50.0% #D0D9E1	RGB 208 217 225	#D0D9E1
66.7%	66.7% #D1D9EB	RGB 209 217 235	#D1D9EB
83.3%	83.3% #D2D9F5	RGB 210 217 245	#D2D9F5
100.0%	100.0% #D4D9FF	RGB 212 217 255	#D4D9FF

#CDDAC4 #CED9CD #CFD9D7 #D0D9E1 #D1D9EB #D2D9F5 #D4D9FF

#CDDAC4 - #D4D9FF

HSV Blend

#CDDAC4 - #D4D9FF | 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 #CDDAC4 as 0% and #D4D9FF as 100%.

0.0%	0.0% #CDDAC4	RGB 205 218 196	#CDDAC4
16.7%	16.7% #C7E0C7	RGB 199 224 199	#C7E0C7
33.3%	33.3% #C9E6D3	RGB 201 230 211	#C9E6D3
50.0%	50.0% #CCECE4	RGB 204 236 228	#CCECE4
66.7%	66.7% #CFEEF2	RGB 207 238 242	#CFEEF2
83.3%	83.3% #D1E5F8	RGB 209 229 248	#D1E5F8
100.0%	100.0% #D4D9FF	RGB 212 217 255	#D4D9FF

#CDDAC4 #C7E0C7 #C9E6D3 #CCECE4 #CFEEF2 #D1E5F8 #D4D9FF

#CDDAC4 - #CCECE4 - #D4D9FF

CSS codes

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

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