#AFB6B5 - #B8DDB9 | 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 #AFB6B5 to #B8DDB9

#AFB6B5 #B8DDB9

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

#AFB6B5 - #B8DDB9 | 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 #AFB6B5 as 0% and #B8DDB9 as 100%.

0.0%	0.0% #AFB6B5	RGB 175 182 181	#AFB6B5
16.7%	16.7% #B0BCB5	RGB 176 188 181	#B0BCB5
33.3%	33.3% #B2C3B6	RGB 178 195 182	#B2C3B6
50.0%	50.0% #B3C9B7	RGB 179 201 183	#B3C9B7
66.7%	66.7% #B5D0B7	RGB 181 208 183	#B5D0B7
83.3%	83.3% #B6D6B8	RGB 182 214 184	#B6D6B8
100.0%	100.0% #B8DDB9	RGB 184 221 185	#B8DDB9

#AFB6B5 #B0BCB5 #B2C3B6 #B3C9B7 #B5D0B7 #B6D6B8 #B8DDB9

#AFB6B5 - #B8DDB9

HSV Blend

#AFB6B5 - #B8DDB9 | 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 #AFB6B5 as 0% and #B8DDB9 as 100%.

0.0%	0.0% #AFB6B5	RGB 175 182 181	#AFB6B5
16.7%	16.7% #B1BCB9	RGB 177 188 185	#B1BCB9
33.3%	33.3% #B3C3BC	RGB 179 195 188	#B3C3BC
50.0%	50.0% #B4C9BD	RGB 180 201 189	#B4C9BD
66.7%	66.7% #B6D0BD	RGB 182 208 189	#B6D0BD
83.3%	83.3% #B7D6BC	RGB 183 214 188	#B7D6BC
100.0%	100.0% #B8DDB9	RGB 184 221 185	#B8DDB9

#AFB6B5 #B1BCB9 #B3C3BC #B4C9BD #B6D0BD #B7D6BC #B8DDB9

#AFB6B5 - #B4C9BD - #B8DDB9

CSS codes

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

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