#EAF2F9 - #9AB3C8 | 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 #EAF2F9 to #9AB3C8

#EAF2F9 #9AB3C8

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

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

0.0%	0.0% #EAF2F9	RGB 234 242 249	#EAF2F9
16.7%	16.7% #DCE7F0	RGB 220 231 240	#DCE7F0
33.3%	33.3% #CFDDE8	RGB 207 221 232	#CFDDE8
50.0%	50.0% #C2D2E0	RGB 194 210 224	#C2D2E0
66.7%	66.7% #B4C8D8	RGB 180 200 216	#B4C8D8
83.3%	83.3% #A7BDD0	RGB 167 189 208	#A7BDD0
100.0%	100.0% #9AB3C8	RGB 154 179 200	#9AB3C8

#EAF2F9 #DCE7F0 #CFDDE8 #C2D2E0 #B4C8D8 #A7BDD0 #9AB3C8

#EAF2F9 - #9AB3C8

HSV Blend

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

0.0%	0.0% #EAF2F9	RGB 234 242 249	#EAF2F9
16.7%	16.7% #DBE6F0	RGB 219 230 240	#DBE6F0
33.3%	33.3% #CDDCE8	RGB 205 220 232	#CDDCE8
50.0%	50.0% #BFD1E0	RGB 191 209 224	#BFD1E0
66.7%	66.7% #B2C7D8	RGB 178 199 216	#B2C7D8
83.3%	83.3% #A6BCD0	RGB 166 188 208	#A6BCD0
100.0%	100.0% #9AB3C8	RGB 154 179 200	#9AB3C8

#EAF2F9 #DBE6F0 #CDDCE8 #BFD1E0 #B2C7D8 #A6BCD0 #9AB3C8

#EAF2F9 - #BFD1E0 - #9AB3C8

CSS codes

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

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