#EFF6F9 - #C5E4EE | 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 #EFF6F9 to #C5E4EE

#EFF6F9 #C5E4EE

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

#EFF6F9 - #C5E4EE | 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 #EFF6F9 as 0% and #C5E4EE as 100%.

0.0%	0.0% #EFF6F9	RGB 239 246 249	#EFF6F9
16.7%	16.7% #E8F3F7	RGB 232 243 247	#E8F3F7
33.3%	33.3% #E1F0F5	RGB 225 240 245	#E1F0F5
50.0%	50.0% #DAEDF3	RGB 218 237 243	#DAEDF3
66.7%	66.7% #D3EAF1	RGB 211 234 241	#D3EAF1
83.3%	83.3% #CCE7EF	RGB 204 231 239	#CCE7EF
100.0%	100.0% #C5E4EE	RGB 197 228 238	#C5E4EE

#EFF6F9 #E8F3F7 #E1F0F5 #DAEDF3 #D3EAF1 #CCE7EF #C5E4EE

#EFF6F9 - #C5E4EE

HSV Blend

#EFF6F9 - #C5E4EE | 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 #EFF6F9 as 0% and #C5E4EE as 100%.

0.0%	0.0% #EFF6F9	RGB 239 246 249	#EFF6F9
16.7%	16.7% #E7F2F7	RGB 231 242 247	#E7F2F7
33.3%	33.3% #E0EFF5	RGB 224 239 245	#E0EFF5
50.0%	50.0% #D9ECF3	RGB 217 236 243	#D9ECF3
66.7%	66.7% #D2E9F1	RGB 210 233 241	#D2E9F1
83.3%	83.3% #CBE6EF	RGB 203 230 239	#CBE6EF
100.0%	100.0% #C5E4EE	RGB 197 228 238	#C5E4EE

#EFF6F9 #E7F2F7 #E0EFF5 #D9ECF3 #D2E9F1 #CBE6EF #C5E4EE

#EFF6F9 - #D9ECF3 - #C5E4EE

CSS codes

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

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