#AFB5B6 - #B8DDBB | 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 #AFB5B6 to #B8DDBB

#AFB5B6 #B8DDBB

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

#AFB5B6 - #B8DDBB | 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 #AFB5B6 as 0% and #B8DDBB as 100%.

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #B0BBB6	RGB 176 187 182	#B0BBB6
33.3%	33.3% #B2C2B7	RGB 178 194 183	#B2C2B7
50.0%	50.0% #B3C9B8	RGB 179 201 184	#B3C9B8
66.7%	66.7% #B5CFB9	RGB 181 207 185	#B5CFB9
83.3%	83.3% #B6D6BA	RGB 182 214 186	#B6D6BA
100.0%	100.0% #B8DDBB	RGB 184 221 187	#B8DDBB

#AFB5B6 #B0BBB6 #B2C2B7 #B3C9B8 #B5CFB9 #B6D6BA #B8DDBB

#AFB5B6 - #B8DDBB

HSV Blend

#AFB5B6 - #B8DDBB | 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 #AFB5B6 as 0% and #B8DDBB as 100%.

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #B1BCBC	RGB 177 188 188	#B1BCBC
33.3%	33.3% #B3C3BF	RGB 179 195 191	#B3C3BF
50.0%	50.0% #B4C9C1	RGB 180 201 193	#B4C9C1
66.7%	66.7% #B6D0C1	RGB 182 208 193	#B6D0C1
83.3%	83.3% #B7D6BF	RGB 183 214 191	#B7D6BF
100.0%	100.0% #B8DDBB	RGB 184 221 187	#B8DDBB

#AFB5B6 #B1BCBC #B3C3BF #B4C9C1 #B6D0C1 #B7D6BF #B8DDBB

#AFB5B6 - #B4C9C1 - #B8DDBB

CSS codes

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

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