#CDE2DB - #E4EEFF | 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 #CDE2DB to #E4EEFF

#CDE2DB #E4EEFF

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

#CDE2DB - #E4EEFF | 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 #CDE2DB as 0% and #E4EEFF as 100%.

0.0%	0.0% #CDE2DB	RGB 205 226 219	#CDE2DB
16.7%	16.7% #D0E4E1	RGB 208 228 225	#D0E4E1
33.3%	33.3% #D4E6E7	RGB 212 230 231	#D4E6E7
50.0%	50.0% #D8E8ED	RGB 216 232 237	#D8E8ED
66.7%	66.7% #DCEAF3	RGB 220 234 243	#DCEAF3
83.3%	83.3% #E0ECF9	RGB 224 236 249	#E0ECF9
100.0%	100.0% #E4EEFF	RGB 228 238 255	#E4EEFF

#CDE2DB #D0E4E1 #D4E6E7 #D8E8ED #DCEAF3 #E0ECF9 #E4EEFF

#CDE2DB - #E4EEFF

HSV Blend

#CDE2DB - #E4EEFF | 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 #CDE2DB as 0% and #E4EEFF as 100%.

0.0%	0.0% #CDE2DB	RGB 205 226 219	#CDE2DB
16.7%	16.7% #D0E6E3	RGB 208 230 227	#D0E6E3
33.3%	33.3% #D4EBEB	RGB 212 235 235	#D4EBEB
50.0%	50.0% #D8ECF0	RGB 216 236 240	#D8ECF0
66.7%	66.7% #DCEDF5	RGB 220 237 245	#DCEDF5
83.3%	83.3% #E0EDFA	RGB 224 237 250	#E0EDFA
100.0%	100.0% #E4EEFF	RGB 228 238 255	#E4EEFF

#CDE2DB #D0E6E3 #D4EBEB #D8ECF0 #DCEDF5 #E0EDFA #E4EEFF

#CDE2DB - #D8ECF0 - #E4EEFF

CSS codes

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

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