#AFB5AA - #C7FFC9 | 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 #AFB5AA to #C7FFC9

#AFB5AA #C7FFC9

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

#AFB5AA - #C7FFC9 | 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 #AFB5AA as 0% and #C7FFC9 as 100%.

0.0%	0.0% #AFB5AA	RGB 175 181 170	#AFB5AA
16.7%	16.7% #B3C1AF	RGB 179 193 175	#B3C1AF
33.3%	33.3% #B7CDB4	RGB 183 205 180	#B7CDB4
50.0%	50.0% #BBDAB9	RGB 187 218 185	#BBDAB9
66.7%	66.7% #BFE6BE	RGB 191 230 190	#BFE6BE
83.3%	83.3% #C3F2C3	RGB 195 242 195	#C3F2C3
100.0%	100.0% #C7FFC9	RGB 199 255 201	#C7FFC9

#AFB5AA #B3C1AF #B7CDB4 #BBDAB9 #BFE6BE #C3F2C3 #C7FFC9

#AFB5AA - #C7FFC9

HSV Blend

#AFB5AA - #C7FFC9 | 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 #AFB5AA as 0% and #C7FFC9 as 100%.

0.0%	0.0% #AFB5AA	RGB 175 181 170	#AFB5AA
16.7%	16.7% #B6C1B0	RGB 182 193 176	#B6C1B0
33.3%	33.3% #BDCDB6	RGB 189 205 182	#BDCDB6
50.0%	50.0% #C1DABB	RGB 193 218 187	#C1DABB
66.7%	66.7% #C4E6BF	RGB 196 230 191	#C4E6BF
83.3%	83.3% #C5F2C3	RGB 197 242 195	#C5F2C3
100.0%	100.0% #C7FFC9	RGB 199 255 201	#C7FFC9

#AFB5AA #B6C1B0 #BDCDB6 #C1DABB #C4E6BF #C5F2C3 #C7FFC9

#AFB5AA - #C1DABB - #C7FFC9

CSS codes

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

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