#AFA7A8 - #B0FFB3 | 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 #AFA7A8 to #B0FFB3

#AFA7A8 #B0FFB3

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

#AFA7A8 - #B0FFB3 | 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 #AFA7A8 as 0% and #B0FFB3 as 100%.

0.0%	0.0% #AFA7A8	RGB 175 167 168	#AFA7A8
16.7%	16.7% #AFB5A9	RGB 175 181 169	#AFB5A9
33.3%	33.3% #AFC4AB	RGB 175 196 171	#AFC4AB
50.0%	50.0% #AFD3AD	RGB 175 211 173	#AFD3AD
66.7%	66.7% #AFE1AF	RGB 175 225 175	#AFE1AF
83.3%	83.3% #AFF0B1	RGB 175 240 177	#AFF0B1
100.0%	100.0% #B0FFB3	RGB 176 255 179	#B0FFB3

#AFA7A8 #AFB5A9 #AFC4AB #AFD3AD #AFE1AF #AFF0B1 #B0FFB3

#AFA7A8 - #B0FFB3

HSV Blend

#AFA7A8 - #B0FFB3 | 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 #AFA7A8 as 0% and #B0FFB3 as 100%.

0.0%	0.0% #AFA7A8	RGB 175 167 168	#AFA7A8
16.7%	16.7% #BCAFAB	RGB 188 175 171	#BCAFAB
33.3%	33.3% #C9BEAE	RGB 201 190 174	#C9BEAE
50.0%	50.0% #D7D5B0	RGB 215 213 176	#D7D5B0
66.7%	66.7% #D4E4B1	RGB 212 228 177	#D4E4B1
83.3%	83.3% #C6F1B1	RGB 198 241 177	#C6F1B1
100.0%	100.0% #B0FFB3	RGB 176 255 179	#B0FFB3

#AFA7A8 #BCAFAB #C9BEAE #D7D5B0 #D4E4B1 #C6F1B1 #B0FFB3

#AFA7A8 - #D7D5B0 - #B0FFB3

CSS codes

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

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