#CDDADA - #E4F7FF | 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 #CDDADA to #E4F7FF

#CDDADA #E4F7FF

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

#CDDADA - #E4F7FF | 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 #CDDADA as 0% and #E4F7FF as 100%.

0.0%	0.0% #CDDADA	RGB 205 218 218	#CDDADA
16.7%	16.7% #D0DEE0	RGB 208 222 224	#D0DEE0
33.3%	33.3% #D4E3E6	RGB 212 227 230	#D4E3E6
50.0%	50.0% #D8E8EC	RGB 216 232 236	#D8E8EC
66.7%	66.7% #DCEDF2	RGB 220 237 242	#DCEDF2
83.3%	83.3% #E0F2F8	RGB 224 242 248	#E0F2F8
100.0%	100.0% #E4F7FF	RGB 228 247 255	#E4F7FF

#CDDADA #D0DEE0 #D4E3E6 #D8E8EC #DCEDF2 #E0F2F8 #E4F7FF

#CDDADA - #E4F7FF

HSV Blend

#CDDADA - #E4F7FF | 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 #CDDADA as 0% and #E4F7FF as 100%.

0.0%	0.0% #CDDADA	RGB 205 218 218	#CDDADA
16.7%	16.7% #D1DFE0	RGB 209 223 224	#D1DFE0
33.3%	33.3% #D5E4E6	RGB 213 228 230	#D5E4E6
50.0%	50.0% #D8E9EC	RGB 216 233 236	#D8E9EC
66.7%	66.7% #DCEEF2	RGB 220 238 242	#DCEEF2
83.3%	83.3% #E0F2F8	RGB 224 242 248	#E0F2F8
100.0%	100.0% #E4F7FF	RGB 228 247 255	#E4F7FF

#CDDADA #D1DFE0 #D5E4E6 #D8E9EC #DCEEF2 #E0F2F8 #E4F7FF

#CDDADA - #D8E9EC - #E4F7FF

CSS codes

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

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