#CED0DB - #DBE8FF | 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 #CED0DB to #DBE8FF

#CED0DB #DBE8FF

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

#CED0DB - #DBE8FF | 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 #CED0DB as 0% and #DBE8FF as 100%.

0.0%	0.0% #CED0DB	RGB 206 208 219	#CED0DB
16.7%	16.7% #D0D4E1	RGB 208 212 225	#D0D4E1
33.3%	33.3% #D2D8E7	RGB 210 216 231	#D2D8E7
50.0%	50.0% #D4DCED	RGB 212 220 237	#D4DCED
66.7%	66.7% #D6E0F3	RGB 214 224 243	#D6E0F3
83.3%	83.3% #D8E4F9	RGB 216 228 249	#D8E4F9
100.0%	100.0% #DBE8FF	RGB 219 232 255	#DBE8FF

#CED0DB #D0D4E1 #D2D8E7 #D4DCED #D6E0F3 #D8E4F9 #DBE8FF

#CED0DB - #DBE8FF

HSV Blend

#CED0DB - #DBE8FF | 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 #CED0DB as 0% and #DBE8FF as 100%.

0.0%	0.0% #CED0DB	RGB 206 208 219	#CED0DB
16.7%	16.7% #D0D3E1	RGB 208 211 225	#D0D3E1
33.3%	33.3% #D2D7E7	RGB 210 215 231	#D2D7E7
50.0%	50.0% #D5DBED	RGB 213 219 237	#D5DBED
66.7%	66.7% #D7DFF3	RGB 215 223 243	#D7DFF3
83.3%	83.3% #D9E3F9	RGB 217 227 249	#D9E3F9
100.0%	100.0% #DBE8FF	RGB 219 232 255	#DBE8FF

#CED0DB #D0D3E1 #D2D7E7 #D5DBED #D7DFF3 #D9E3F9 #DBE8FF

#CED0DB - #D5DBED - #DBE8FF

CSS codes

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

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