#AFB2B2 - #C4D8B0 | 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 #AFB2B2 to #C4D8B0

#AFB2B2 #C4D8B0

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

#AFB2B2 - #C4D8B0 | 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 #AFB2B2 as 0% and #C4D8B0 as 100%.

0.0%	0.0% #AFB2B2	RGB 175 178 178	#AFB2B2
16.7%	16.7% #B2B8B1	RGB 178 184 177	#B2B8B1
33.3%	33.3% #B6BEB1	RGB 182 190 177	#B6BEB1
50.0%	50.0% #B9C5B1	RGB 185 197 177	#B9C5B1
66.7%	66.7% #BDCBB0	RGB 189 203 176	#BDCBB0
83.3%	83.3% #C0D1B0	RGB 192 209 176	#C0D1B0
100.0%	100.0% #C4D8B0	RGB 196 216 176	#C4D8B0

#AFB2B2 #B2B8B1 #B6BEB1 #B9C5B1 #BDCBB0 #C0D1B0 #C4D8B0

#AFB2B2 - #C4D8B0

HSV Blend

#AFB2B2 - #C4D8B0 | 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 #AFB2B2 as 0% and #C4D8B0 as 100%.

0.0%	0.0% #AFB2B2	RGB 175 178 178	#AFB2B2
16.7%	16.7% #B0B8B6	RGB 176 184 182	#B0B8B6
33.3%	33.3% #B0BEB7	RGB 176 190 183	#B0BEB7
50.0%	50.0% #B1C5B6	RGB 177 197 182	#B1C5B6
66.7%	66.7% #B1CBB1	RGB 177 203 177	#B1CBB1
83.3%	83.3% #B8D1B0	RGB 184 209 176	#B8D1B0
100.0%	100.0% #C4D8B0	RGB 196 216 176	#C4D8B0

#AFB2B2 #B0B8B6 #B0BEB7 #B1C5B6 #B1CBB1 #B8D1B0 #C4D8B0

#AFB2B2 - #B1C5B6 - #C4D8B0

CSS codes

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

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