#EAFDFF - #9DCCDF | 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 #EAFDFF to #9DCCDF

#EAFDFF #9DCCDF

Calculate the color between two colors, #EAFDFF and #9DCCDF. 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)

#EAFDFF - #9DCCDF | 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 #EAFDFF as 0% and #9DCCDF as 100%.

0.0%	0.0% #EAFDFF	RGB 234 253 255	#EAFDFF
16.7%	16.7% #DDF4F9	RGB 221 244 249	#DDF4F9
33.3%	33.3% #D0ECF4	RGB 208 236 244	#D0ECF4
50.0%	50.0% #C3E4EF	RGB 195 228 239	#C3E4EF
66.7%	66.7% #B6DCE9	RGB 182 220 233	#B6DCE9
83.3%	83.3% #A9D4E4	RGB 169 212 228	#A9D4E4
100.0%	100.0% #9DCCDF	RGB 157 204 223	#9DCCDF

#EAFDFF #DDF4F9 #D0ECF4 #C3E4EF #B6DCE9 #A9D4E4 #9DCCDF

#EAFDFF - #9DCCDF

HSV Blend

#EAFDFF - #9DCCDF | 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 #EAFDFF as 0% and #9DCCDF as 100%.

0.0%	0.0% #EAFDFF	RGB 234 253 255	#EAFDFF
16.7%	16.7% #DCF5F9	RGB 220 245 249	#DCF5F9
33.3%	33.3% #CEEEF4	RGB 206 238 244	#CEEEF4
50.0%	50.0% #C1E6EF	RGB 193 230 239	#C1E6EF
66.7%	66.7% #B5DDE9	RGB 181 221 233	#B5DDE9
83.3%	83.3% #A8D5E4	RGB 168 213 228	#A8D5E4
100.0%	100.0% #9DCCDF	RGB 157 204 223	#9DCCDF

#EAFDFF #DCF5F9 #CEEEF4 #C1E6EF #B5DDE9 #A8D5E4 #9DCCDF

#EAFDFF - #C1E6EF - #9DCCDF

CSS codes

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

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