#AFB0AF - #A8EBFF | 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 #AFB0AF to #A8EBFF

#AFB0AF #A8EBFF

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

#AFB0AF - #A8EBFF | 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 #AFB0AF as 0% and #A8EBFF as 100%.

0.0%	0.0% #AFB0AF	RGB 175 176 175	#AFB0AF
16.7%	16.7% #ADB9BC	RGB 173 185 188	#ADB9BC
33.3%	33.3% #ACC3C9	RGB 172 195 201	#ACC3C9
50.0%	50.0% #ABCDD7	RGB 171 205 215	#ABCDD7
66.7%	66.7% #AAD7E4	RGB 170 215 228	#AAD7E4
83.3%	83.3% #A9E1F1	RGB 169 225 241	#A9E1F1
100.0%	100.0% #A8EBFF	RGB 168 235 255	#A8EBFF

#AFB0AF #ADB9BC #ACC3C9 #ABCDD7 #AAD7E4 #A9E1F1 #A8EBFF

#AFB0AF - #A8EBFF

HSV Blend

#AFB0AF - #A8EBFF | 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 #AFB0AF as 0% and #A8EBFF as 100%.

0.0%	0.0% #AFB0AF	RGB 175 176 175	#AFB0AF
16.7%	16.7% #B1BDB3	RGB 177 189 179	#B1BDB3
33.3%	33.3% #B2CABC	RGB 178 202 188	#B2CABC
50.0%	50.0% #B2D7C9	RGB 178 215 201	#B2D7C9
66.7%	66.7% #B0E4DB	RGB 176 228 219	#B0E4DB
83.3%	83.3% #ACF0F1	RGB 172 240 241	#ACF0F1
100.0%	100.0% #A8EBFF	RGB 168 235 255	#A8EBFF

#AFB0AF #B1BDB3 #B2CABC #B2D7C9 #B0E4DB #ACF0F1 #A8EBFF

#AFB0AF - #B2D7C9 - #A8EBFF

CSS codes

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

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