#AFAFB6 - #B9E5E2 | 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 #AFAFB6 to #B9E5E2

#AFAFB6 #B9E5E2

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

#AFAFB6 - #B9E5E2 | 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 #AFAFB6 as 0% and #B9E5E2 as 100%.

0.0%	0.0% #AFAFB6	RGB 175 175 182	#AFAFB6
16.7%	16.7% #B0B8BD	RGB 176 184 189	#B0B8BD
33.3%	33.3% #B2C1C4	RGB 178 193 196	#B2C1C4
50.0%	50.0% #B4CACC	RGB 180 202 204	#B4CACC
66.7%	66.7% #B5D3D3	RGB 181 211 211	#B5D3D3
83.3%	83.3% #B7DCDA	RGB 183 220 218	#B7DCDA
100.0%	100.0% #B9E5E2	RGB 185 229 226	#B9E5E2

#AFAFB6 #B0B8BD #B2C1C4 #B4CACC #B5D3D3 #B7DCDA #B9E5E2

#AFAFB6 - #B9E5E2

HSV Blend

#AFAFB6 - #B9E5E2 | 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 #AFAFB6 as 0% and #B9E5E2 as 100%.

0.0%	0.0% #AFAFB6	RGB 175 175 182	#AFAFB6
16.7%	16.7% #B1B3BD	RGB 177 179 189	#B1B3BD
33.3%	33.3% #B3BAC5	RGB 179 186 197	#B3BAC5
50.0%	50.0% #B5C2CD	RGB 181 194 205	#B5C2CD
66.7%	66.7% #B7CCD5	RGB 183 204 213	#B7CCD5
83.3%	83.3% #B8D9DD	RGB 184 217 221	#B8D9DD
100.0%	100.0% #B9E5E2	RGB 185 229 226	#B9E5E2

#AFAFB6 #B1B3BD #B3BAC5 #B5C2CD #B7CCD5 #B8D9DD #B9E5E2

#AFAFB6 - #B5C2CD - #B9E5E2

CSS codes

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

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