#F2FFFC - #ABCABF | 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 #F2FFFC to #ABCABF

#F2FFFC #ABCABF

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

#F2FFFC - #ABCABF | 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 #F2FFFC as 0% and #ABCABF as 100%.

0.0%	0.0% #F2FFFC	RGB 242 255 252	#F2FFFC
16.7%	16.7% #E6F6F1	RGB 230 246 241	#E6F6F1
33.3%	33.3% #DAEDE7	RGB 218 237 231	#DAEDE7
50.0%	50.0% #CEE4DD	RGB 206 228 221	#CEE4DD
66.7%	66.7% #C2DBD3	RGB 194 219 211	#C2DBD3
83.3%	83.3% #B6D2C9	RGB 182 210 201	#B6D2C9
100.0%	100.0% #ABCABF	RGB 171 202 191	#ABCABF

#F2FFFC #E6F6F1 #DAEDE7 #CEE4DD #C2DBD3 #B6D2C9 #ABCABF

#F2FFFC - #ABCABF

HSV Blend

#F2FFFC - #ABCABF | 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 #F2FFFC as 0% and #ABCABF as 100%.

0.0%	0.0% #F2FFFC	RGB 242 255 252	#F2FFFC
16.7%	16.7% #E5F6F1	RGB 229 246 241	#E5F6F1
33.3%	33.3% #D9EDE7	RGB 217 237 231	#D9EDE7
50.0%	50.0% #CDE4DD	RGB 205 228 221	#CDE4DD
66.7%	66.7% #C1DBD3	RGB 193 219 211	#C1DBD3
83.3%	83.3% #B6D2C9	RGB 182 210 201	#B6D2C9
100.0%	100.0% #ABCABF	RGB 171 202 191	#ABCABF

#F2FFFC #E5F6F1 #D9EDE7 #CDE4DD #C1DBD3 #B6D2C9 #ABCABF

#F2FFFC - #CDE4DD - #ABCABF

CSS codes

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

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