#CDDAD1 - #CECEFF | 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 #CDDAD1 to #CECEFF

#CDDAD1 #CECEFF

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

#CDDAD1 - #CECEFF | 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 #CDDAD1 as 0% and #CECEFF as 100%.

0.0%	0.0% #CDDAD1	RGB 205 218 209	#CDDAD1
16.7%	16.7% #CDD8D8	RGB 205 216 216	#CDD8D8
33.3%	33.3% #CDD6E0	RGB 205 214 224	#CDD6E0
50.0%	50.0% #CDD4E8	RGB 205 212 232	#CDD4E8
66.7%	66.7% #CDD2EF	RGB 205 210 239	#CDD2EF
83.3%	83.3% #CDD0F7	RGB 205 208 247	#CDD0F7
100.0%	100.0% #CECEFF	RGB 206 206 255	#CECEFF

#CDDAD1 #CDD8D8 #CDD6E0 #CDD4E8 #CDD2EF #CDD0F7 #CECEFF

#CDDAD1 - #CECEFF

HSV Blend

#CDDAD1 - #CECEFF | 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 #CDDAD1 as 0% and #CECEFF as 100%.

0.0%	0.0% #CDDAD1	RGB 205 218 209	#CDDAD1
16.7%	16.7% #CDE0D8	RGB 205 224 216	#CDE0D8
33.3%	33.3% #CEE6E3	RGB 206 230 227	#CEE6E3
50.0%	50.0% #CEE7EC	RGB 206 231 236	#CEE7EC
66.7%	66.7% #CEE3F2	RGB 206 227 242	#CEE3F2
83.3%	83.3% #CEDAF8	RGB 206 218 248	#CEDAF8
100.0%	100.0% #CECEFF	RGB 206 206 255	#CECEFF

#CDDAD1 #CDE0D8 #CEE6E3 #CEE7EC #CEE3F2 #CEDAF8 #CECEFF

#CDDAD1 - #CEE7EC - #CECEFF

CSS codes

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

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