#AFBAC1 - #C4EEEB | 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 #AFBAC1 to #C4EEEB

#AFBAC1 #C4EEEB

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

#AFBAC1 - #C4EEEB | 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 #AFBAC1 as 0% and #C4EEEB as 100%.

0.0%	0.0% #AFBAC1	RGB 175 186 193	#AFBAC1
16.7%	16.7% #B2C2C8	RGB 178 194 200	#B2C2C8
33.3%	33.3% #B6CBCF	RGB 182 203 207	#B6CBCF
50.0%	50.0% #B9D4D6	RGB 185 212 214	#B9D4D6
66.7%	66.7% #BDDCDD	RGB 189 220 221	#BDDCDD
83.3%	83.3% #C0E5E4	RGB 192 229 228	#C0E5E4
100.0%	100.0% #C4EEEB	RGB 196 238 235	#C4EEEB

#AFBAC1 #B2C2C8 #B6CBCF #B9D4D6 #BDDCDD #C0E5E4 #C4EEEB

#AFBAC1 - #C4EEEB

HSV Blend

#AFBAC1 - #C4EEEB | 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 #AFBAC1 as 0% and #C4EEEB as 100%.

0.0%	0.0% #AFBAC1	RGB 175 186 193	#AFBAC1
16.7%	16.7% #B3C1C8	RGB 179 193 200	#B3C1C8
33.3%	33.3% #B6CAD0	RGB 182 202 208	#B6CAD0
50.0%	50.0% #BAD2D7	RGB 186 210 215	#BAD2D7
66.7%	66.7% #BDDCDF	RGB 189 220 223	#BDDCDF
83.3%	83.3% #C1E6E6	RGB 193 230 230	#C1E6E6
100.0%	100.0% #C4EEEB	RGB 196 238 235	#C4EEEB

#AFBAC1 #B3C1C8 #B6CAD0 #BAD2D7 #BDDCDF #C1E6E6 #C4EEEB

#AFBAC1 - #BAD2D7 - #C4EEEB

CSS codes

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

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