#EAF6F7 - #CCDEF0 | 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 #EAF6F7 to #CCDEF0

#EAF6F7 #CCDEF0

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

#EAF6F7 - #CCDEF0 | 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 #EAF6F7 as 0% and #CCDEF0 as 100%.

0.0%	0.0% #EAF6F7	RGB 234 246 247	#EAF6F7
16.7%	16.7% #E5F2F5	RGB 229 242 245	#E5F2F5
33.3%	33.3% #E0EEF4	RGB 224 238 244	#E0EEF4
50.0%	50.0% #DBEAF3	RGB 219 234 243	#DBEAF3
66.7%	66.7% #D6E6F2	RGB 214 230 242	#D6E6F2
83.3%	83.3% #D1E2F1	RGB 209 226 241	#D1E2F1
100.0%	100.0% #CCDEF0	RGB 204 222 240	#CCDEF0

#EAF6F7 #E5F2F5 #E0EEF4 #DBEAF3 #D6E6F2 #D1E2F1 #CCDEF0

#EAF6F7 - #CCDEF0

HSV Blend

#EAF6F7 - #CCDEF0 | 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 #EAF6F7 as 0% and #CCDEF0 as 100%.

0.0%	0.0% #EAF6F7	RGB 234 246 247	#EAF6F7
16.7%	16.7% #E4F3F5	RGB 228 243 245	#E4F3F5
33.3%	33.3% #DFF0F4	RGB 223 240 244	#DFF0F4
50.0%	50.0% #DAECF3	RGB 218 236 243	#DAECF3
66.7%	66.7% #D5E8F2	RGB 213 232 242	#D5E8F2
83.3%	83.3% #D0E3F1	RGB 208 227 241	#D0E3F1
100.0%	100.0% #CCDEF0	RGB 204 222 240	#CCDEF0

#EAF6F7 #E4F3F5 #DFF0F4 #DAECF3 #D5E8F2 #D0E3F1 #CCDEF0

#EAF6F7 - #DAECF3 - #CCDEF0

CSS codes

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

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