#AFABAB - #C0D9E5 | 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 #AFABAB to #C0D9E5

#AFABAB #C0D9E5

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

#AFABAB - #C0D9E5 | 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 #AFABAB as 0% and #C0D9E5 as 100%.

0.0%	0.0% #AFABAB	RGB 175 171 171	#AFABAB
16.7%	16.7% #B1B2B4	RGB 177 178 180	#B1B2B4
33.3%	33.3% #B4BABE	RGB 180 186 190	#B4BABE
50.0%	50.0% #B7C2C8	RGB 183 194 200	#B7C2C8
66.7%	66.7% #BAC9D1	RGB 186 201 209	#BAC9D1
83.3%	83.3% #BDD1DB	RGB 189 209 219	#BDD1DB
100.0%	100.0% #C0D9E5	RGB 192 217 229	#C0D9E5

#AFABAB #B1B2B4 #B4BABE #B7C2C8 #BAC9D1 #BDD1DB #C0D9E5

#AFABAB - #C0D9E5

HSV Blend

#AFABAB - #C0D9E5 | 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 #AFABAB as 0% and #C0D9E5 as 100%.

0.0%	0.0% #AFABAB	RGB 175 171 171	#AFABAB
16.7%	16.7% #B8AFB3	RGB 184 175 179	#B8AFB3
33.3%	33.3% #C1B3BF	RGB 193 179 191	#C1B3BF
50.0%	50.0% #C3B7CA	RGB 195 183 202	#C3B7CA
66.7%	66.7% #BFBAD3	RGB 191 186 211	#BFBAD3
83.3%	83.3% #BDC4DC	RGB 189 196 220	#BDC4DC
100.0%	100.0% #C0D9E5	RGB 192 217 229	#C0D9E5

#AFABAB #B8AFB3 #C1B3BF #C3B7CA #BFBAD3 #BDC4DC #C0D9E5

#AFABAB - #C3B7CA - #C0D9E5

CSS codes

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

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