#A8AFB8 - #C0E1ED | 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 #A8AFB8 to #C0E1ED

#A8AFB8 #C0E1ED

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

#A8AFB8 - #C0E1ED | 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 #A8AFB8 as 0% and #C0E1ED as 100%.

0.0%	0.0% #A8AFB8	RGB 168 175 184	#A8AFB8
16.7%	16.7% #ACB7C0	RGB 172 183 192	#ACB7C0
33.3%	33.3% #B0BFC9	RGB 176 191 201	#B0BFC9
50.0%	50.0% #B4C8D2	RGB 180 200 210	#B4C8D2
66.7%	66.7% #B8D0DB	RGB 184 208 219	#B8D0DB
83.3%	83.3% #BCD8E4	RGB 188 216 228	#BCD8E4
100.0%	100.0% #C0E1ED	RGB 192 225 237	#C0E1ED

#A8AFB8 #ACB7C0 #B0BFC9 #B4C8D2 #B8D0DB #BCD8E4 #C0E1ED

#A8AFB8 - #C0E1ED

HSV Blend

#A8AFB8 - #C0E1ED | 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 #A8AFB8 as 0% and #C0E1ED as 100%.

0.0%	0.0% #A8AFB8	RGB 168 175 184	#A8AFB8
16.7%	16.7% #ACB6C0	RGB 172 182 192	#ACB6C0
33.3%	33.3% #B1BEC9	RGB 177 190 201	#B1BEC9
50.0%	50.0% #B5C6D2	RGB 181 198 210	#B5C6D2
66.7%	66.7% #B9CEDB	RGB 185 206 219	#B9CEDB
83.3%	83.3% #BCD7E4	RGB 188 215 228	#BCD7E4
100.0%	100.0% #C0E1ED	RGB 192 225 237	#C0E1ED

#A8AFB8 #ACB6C0 #B1BEC9 #B5C6D2 #B9CEDB #BCD7E4 #C0E1ED

#A8AFB8 - #B5C6D2 - #C0E1ED

CSS codes

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

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