#CED1D3 - #F5E5FF | 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 #CED1D3 to #F5E5FF

#CED1D3 #F5E5FF

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

#CED1D3 - #F5E5FF | 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 #CED1D3 as 0% and #F5E5FF as 100%.

0.0%	0.0% #CED1D3	RGB 206 209 211	#CED1D3
16.7%	16.7% #D4D4DA	RGB 212 212 218	#D4D4DA
33.3%	33.3% #DBD7E1	RGB 219 215 225	#DBD7E1
50.0%	50.0% #E1DBE9	RGB 225 219 233	#E1DBE9
66.7%	66.7% #E8DEF0	RGB 232 222 240	#E8DEF0
83.3%	83.3% #EEE1F7	RGB 238 225 247	#EEE1F7
100.0%	100.0% #F5E5FF	RGB 245 229 255	#F5E5FF

#CED1D3 #D4D4DA #DBD7E1 #E1DBE9 #E8DEF0 #EEE1F7 #F5E5FF

#CED1D3 - #F5E5FF

HSV Blend

#CED1D3 - #F5E5FF | 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 #CED1D3 as 0% and #F5E5FF as 100%.

0.0%	0.0% #CED1D3	RGB 206 209 211	#CED1D3
16.7%	16.7% #D2D5DA	RGB 210 213 218	#D2D5DA
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% #EAE1F7	RGB 234 225 247	#EAE1F7
100.0%	100.0% #F5E5FF	RGB 245 229 255	#F5E5FF

#CED1D3 #D2D5DA #D6D8E1 #DADAE9 #E1DEF0 #EAE1F7 #F5E5FF

#CED1D3 - #DADAE9 - #F5E5FF

CSS codes

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

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