#CED2DB - #E1E2FF | 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 #CED2DB to #E1E2FF

#CED2DB #E1E2FF

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

#CED2DB - #E1E2FF | 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 #CED2DB as 0% and #E1E2FF as 100%.

0.0%	0.0% #CED2DB	RGB 206 210 219	#CED2DB
16.7%	16.7% #D1D4E1	RGB 209 212 225	#D1D4E1
33.3%	33.3% #D4D7E7	RGB 212 215 231	#D4D7E7
50.0%	50.0% #D7DAED	RGB 215 218 237	#D7DAED
66.7%	66.7% #DADCF3	RGB 218 220 243	#DADCF3
83.3%	83.3% #DDDFF9	RGB 221 223 249	#DDDFF9
100.0%	100.0% #E1E2FF	RGB 225 226 255	#E1E2FF

#CED2DB #D1D4E1 #D4D7E7 #D7DAED #DADCF3 #DDDFF9 #E1E2FF

#CED2DB - #E1E2FF

HSV Blend

#CED2DB - #E1E2FF | 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 #CED2DB as 0% and #E1E2FF as 100%.

0.0%	0.0% #CED2DB	RGB 206 210 219	#CED2DB
16.7%	16.7% #D1D5E1	RGB 209 213 225	#D1D5E1
33.3%	33.3% #D4D8E7	RGB 212 216 231	#D4D8E7
50.0%	50.0% #D8DBED	RGB 216 219 237	#D8DBED
66.7%	66.7% #DBDEF3	RGB 219 222 243	#DBDEF3
83.3%	83.3% #DEE0F9	RGB 222 224 249	#DEE0F9
100.0%	100.0% #E1E2FF	RGB 225 226 255	#E1E2FF

#CED2DB #D1D5E1 #D4D8E7 #D8DBED #DBDEF3 #DEE0F9 #E1E2FF

#CED2DB - #D8DBED - #E1E2FF

CSS codes

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

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