#E5EAF2 - #C6DDEC | 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 #E5EAF2 to #C6DDEC

#E5EAF2 #C6DDEC

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

#E5EAF2 - #C6DDEC | 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 #E5EAF2 as 0% and #C6DDEC as 100%.

0.0%	0.0% #E5EAF2	RGB 229 234 242	#E5EAF2
16.7%	16.7% #DFE7F1	RGB 223 231 241	#DFE7F1
33.3%	33.3% #DAE5F0	RGB 218 229 240	#DAE5F0
50.0%	50.0% #D5E3EF	RGB 213 227 239	#D5E3EF
66.7%	66.7% #D0E1EE	RGB 208 225 238	#D0E1EE
83.3%	83.3% #CBDFED	RGB 203 223 237	#CBDFED
100.0%	100.0% #C6DDEC	RGB 198 221 236	#C6DDEC

#E5EAF2 #DFE7F1 #DAE5F0 #D5E3EF #D0E1EE #CBDFED #C6DDEC

#E5EAF2 - #C6DDEC

HSV Blend

#E5EAF2 - #C6DDEC | 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 #E5EAF2 as 0% and #C6DDEC as 100%.

0.0%	0.0% #E5EAF2	RGB 229 234 242	#E5EAF2
16.7%	16.7% #DFE7F1	RGB 223 231 241	#DFE7F1
33.3%	33.3% #DAE4F0	RGB 218 228 240	#DAE4F0
50.0%	50.0% #D5E2EF	RGB 213 226 239	#D5E2EF
66.7%	66.7% #D0E0EE	RGB 208 224 238	#D0E0EE
83.3%	83.3% #CBDEED	RGB 203 222 237	#CBDEED
100.0%	100.0% #C6DDEC	RGB 198 221 236	#C6DDEC

#E5EAF2 #DFE7F1 #DAE4F0 #D5E2EF #D0E0EE #CBDEED #C6DDEC

#E5EAF2 - #D5E2EF - #C6DDEC

CSS codes

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

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