#AFB8BC - #C6ECE9 | 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 #AFB8BC to #C6ECE9

#AFB8BC #C6ECE9

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

#AFB8BC - #C6ECE9 | 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 #AFB8BC as 0% and #C6ECE9 as 100%.

0.0%	0.0% #AFB8BC	RGB 175 184 188	#AFB8BC
16.7%	16.7% #B2C0C3	RGB 178 192 195	#B2C0C3
33.3%	33.3% #B6C9CB	RGB 182 201 203	#B6C9CB
50.0%	50.0% #BAD2D2	RGB 186 210 210	#BAD2D2
66.7%	66.7% #BEDADA	RGB 190 218 218	#BEDADA
83.3%	83.3% #C2E3E1	RGB 194 227 225	#C2E3E1
100.0%	100.0% #C6ECE9	RGB 198 236 233	#C6ECE9

#AFB8BC #B2C0C3 #B6C9CB #BAD2D2 #BEDADA #C2E3E1 #C6ECE9

#AFB8BC - #C6ECE9

HSV Blend

#AFB8BC - #C6ECE9 | 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 #AFB8BC as 0% and #C6ECE9 as 100%.

0.0%	0.0% #AFB8BC	RGB 175 184 188	#AFB8BC
16.7%	16.7% #B3BFC4	RGB 179 191 196	#B3BFC4
33.3%	33.3% #B7C8CC	RGB 183 200 204	#B7C8CC
50.0%	50.0% #BBD1D4	RGB 187 209 212	#BBD1D4
66.7%	66.7% #BFDADC	RGB 191 218 220	#BFDADC
83.3%	83.3% #C2E4E3	RGB 194 228 227	#C2E4E3
100.0%	100.0% #C6ECE9	RGB 198 236 233	#C6ECE9

#AFB8BC #B3BFC4 #B7C8CC #BBD1D4 #BFDADC #C2E4E3 #C6ECE9

#AFB8BC - #BBD1D4 - #C6ECE9

CSS codes

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

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