#CDD1CF - #E3E3FF | 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 #CDD1CF to #E3E3FF

#CDD1CF #E3E3FF

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

#CDD1CF - #E3E3FF | 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 #CDD1CF as 0% and #E3E3FF as 100%.

0.0%	0.0% #CDD1CF	RGB 205 209 207	#CDD1CF
16.7%	16.7% #D0D4D7	RGB 208 212 215	#D0D4D7
33.3%	33.3% #D4D7DF	RGB 212 215 223	#D4D7DF
50.0%	50.0% #D8DAE7	RGB 216 218 231	#D8DAE7
66.7%	66.7% #DBDDEF	RGB 219 221 239	#DBDDEF
83.3%	83.3% #DFE0F7	RGB 223 224 247	#DFE0F7
100.0%	100.0% #E3E3FF	RGB 227 227 255	#E3E3FF

#CDD1CF #D0D4D7 #D4D7DF #D8DAE7 #DBDDEF #DFE0F7 #E3E3FF

#CDD1CF - #E3E3FF

HSV Blend

#CDD1CF - #E3E3FF | 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 #CDD1CF as 0% and #E3E3FF as 100%.

0.0%	0.0% #CDD1CF	RGB 205 209 207	#CDD1CF
16.7%	16.7% #D1D8D6	RGB 209 216 214	#D1D8D6
33.3%	33.3% #D5E0E0	RGB 213 224 224	#D5E0E0
50.0%	50.0% #D9E4E8	RGB 217 228 232	#D9E4E8
66.7%	66.7% #DCE6EF	RGB 220 230 239	#DCE6EF
83.3%	83.3% #DFE5F7	RGB 223 229 247	#DFE5F7
100.0%	100.0% #E3E3FF	RGB 227 227 255	#E3E3FF

#CDD1CF #D1D8D6 #D5E0E0 #D9E4E8 #DCE6EF #DFE5F7 #E3E3FF

#CDD1CF - #D9E4E8 - #E3E3FF

CSS codes

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

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