#4FC0E8 - #CCEDF8 | 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 #4FC0E8 to #CCEDF8

#4FC0E8 #CCEDF8

Calculate the color between two colors, #4FC0E8 and #CCEDF8. 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)

#4FC0E8 - #CCEDF8 | 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 #4FC0E8 as 0% and #CCEDF8 as 100%.

0.0%	0.0% #4FC0E8	RGB 79 192 232	#4FC0E8
16.7%	16.7% #63C7EA	RGB 99 199 234	#63C7EA
33.3%	33.3% #78CFED	RGB 120 207 237	#78CFED
50.0%	50.0% #8DD6F0	RGB 141 214 240	#8DD6F0
66.7%	66.7% #A2DEF2	RGB 162 222 242	#A2DEF2
83.3%	83.3% #B7E5F5	RGB 183 229 245	#B7E5F5
100.0%	100.0% #CCEDF8	RGB 204 237 248	#CCEDF8

#4FC0E8 #63C7EA #78CFED #8DD6F0 #A2DEF2 #B7E5F5 #CCEDF8

#4FC0E8 - #CCEDF8

HSV Blend

#4FC0E8 - #CCEDF8 | 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 #4FC0E8 as 0% and #CCEDF8 as 100%.

0.0%	0.0% #4FC0E8	RGB 79 192 232	#4FC0E8
16.7%	16.7% #62C7EA	RGB 98 199 234	#62C7EA
33.3%	33.3% #76CEED	RGB 118 206 237	#76CEED
50.0%	50.0% #8BD6F0	RGB 139 214 240	#8BD6F0
66.7%	66.7% #A0DDF2	RGB 160 221 242	#A0DDF2
83.3%	83.3% #B6E5F5	RGB 182 229 245	#B6E5F5
100.0%	100.0% #CCEDF8	RGB 204 237 248	#CCEDF8

#4FC0E8 #62C7EA #76CEED #8BD6F0 #A0DDF2 #B6E5F5 #CCEDF8

#4FC0E8 - #8BD6F0 - #CCEDF8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FC0E8 0%, #8BD6F0 50%, #CCEDF8 100%);
    background: -webkit-linear-gradient(top, #4FC0E8 0%, #8BD6F0 50%, #CCEDF8 100%);
    background: linear-gradient(to bottom, #4FC0E8 0%, #8BD6F0 50%, #CCEDF8 100%);
}
</style>