#CCDFD7 - #E5EFFF | 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 #CCDFD7 to #E5EFFF

#CCDFD7 #E5EFFF

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

#CCDFD7 - #E5EFFF | 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 #CCDFD7 as 0% and #E5EFFF as 100%.

0.0%	0.0% #CCDFD7	RGB 204 223 215	#CCDFD7
16.7%	16.7% #D0E1DD	RGB 208 225 221	#D0E1DD
33.3%	33.3% #D4E4E4	RGB 212 228 228	#D4E4E4
50.0%	50.0% #D8E7EB	RGB 216 231 235	#D8E7EB
66.7%	66.7% #DCE9F1	RGB 220 233 241	#DCE9F1
83.3%	83.3% #E0ECF8	RGB 224 236 248	#E0ECF8
100.0%	100.0% #E5EFFF	RGB 229 239 255	#E5EFFF

#CCDFD7 #D0E1DD #D4E4E4 #D8E7EB #DCE9F1 #E0ECF8 #E5EFFF

#CCDFD7 - #E5EFFF

HSV Blend

#CCDFD7 - #E5EFFF | 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 #CCDFD7 as 0% and #E5EFFF as 100%.

0.0%	0.0% #CCDFD7	RGB 204 223 215	#CCDFD7
16.7%	16.7% #D0E4DF	RGB 208 228 223	#D0E4DF
33.3%	33.3% #D4E9E8	RGB 212 233 232	#D4E9E8
50.0%	50.0% #D8ECEF	RGB 216 236 239	#D8ECEF
66.7%	66.7% #DCEDF4	RGB 220 237 244	#DCEDF4
83.3%	83.3% #E0EEF9	RGB 224 238 249	#E0EEF9
100.0%	100.0% #E5EFFF	RGB 229 239 255	#E5EFFF

#CCDFD7 #D0E4DF #D4E9E8 #D8ECEF #DCEDF4 #E0EEF9 #E5EFFF

#CCDFD7 - #D8ECEF - #E5EFFF

CSS codes

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

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