#CDD1D3 - #F5E6FF | 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 #CDD1D3 to #F5E6FF

#CDD1D3 #F5E6FF

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

#CDD1D3 - #F5E6FF | 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 #CDD1D3 as 0% and #F5E6FF as 100%.

0.0%	0.0% #CDD1D3	RGB 205 209 211	#CDD1D3
16.7%	16.7% #D3D4DA	RGB 211 212 218	#D3D4DA
33.3%	33.3% #DAD8E1	RGB 218 216 225	#DAD8E1
50.0%	50.0% #E1DBE9	RGB 225 219 233	#E1DBE9
66.7%	66.7% #E7DFF0	RGB 231 223 240	#E7DFF0
83.3%	83.3% #EEE2F7	RGB 238 226 247	#EEE2F7
100.0%	100.0% #F5E6FF	RGB 245 230 255	#F5E6FF

#CDD1D3 #D3D4DA #DAD8E1 #E1DBE9 #E7DFF0 #EEE2F7 #F5E6FF

#CDD1D3 - #F5E6FF

HSV Blend

#CDD1D3 - #F5E6FF | 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 #CDD1D3 as 0% and #F5E6FF as 100%.

0.0%	0.0% #CDD1D3	RGB 205 209 211	#CDD1D3
16.7%	16.7% #D1D5DA	RGB 209 213 218	#D1D5DA
33.3%	33.3% #D6D8E1	RGB 214 216 225	#D6D8E1
50.0%	50.0% #DADAE9	RGB 218 218 233	#DADAE9
66.7%	66.7% #E1DEF0	RGB 225 222 240	#E1DEF0
83.3%	83.3% #EAE2F7	RGB 234 226 247	#EAE2F7
100.0%	100.0% #F5E6FF	RGB 245 230 255	#F5E6FF

#CDD1D3 #D1D5DA #D6D8E1 #DADAE9 #E1DEF0 #EAE2F7 #F5E6FF

#CDD1D3 - #DADAE9 - #F5E6FF

CSS codes

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

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