#A8AEB1 - #C0DCFF | 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 #A8AEB1 to #C0DCFF

#A8AEB1 #C0DCFF

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

#A8AEB1 - #C0DCFF | 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 #A8AEB1 as 0% and #C0DCFF as 100%.

0.0%	0.0% #A8AEB1	RGB 168 174 177	#A8AEB1
16.7%	16.7% #ACB5BE	RGB 172 181 190	#ACB5BE
33.3%	33.3% #B0BDCB	RGB 176 189 203	#B0BDCB
50.0%	50.0% #B4C5D8	RGB 180 197 216	#B4C5D8
66.7%	66.7% #B8CCE5	RGB 184 204 229	#B8CCE5
83.3%	83.3% #BCD4F2	RGB 188 212 242	#BCD4F2
100.0%	100.0% #C0DCFF	RGB 192 220 255	#C0DCFF

#A8AEB1 #ACB5BE #B0BDCB #B4C5D8 #B8CCE5 #BCD4F2 #C0DCFF

#A8AEB1 - #C0DCFF

HSV Blend

#A8AEB1 - #C0DCFF | 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 #A8AEB1 as 0% and #C0DCFF as 100%.

0.0%	0.0% #A8AEB1	RGB 168 174 177	#A8AEB1
16.7%	16.7% #AEB8BE	RGB 174 184 190	#AEB8BE
33.3%	33.3% #B3C1CB	RGB 179 193 203	#B3C1CB
50.0%	50.0% #B7C9D8	RGB 183 201 216	#B7C9D8
66.7%	66.7% #BBD0E5	RGB 187 208 229	#BBD0E5
83.3%	83.3% #BED7F2	RGB 190 215 242	#BED7F2
100.0%	100.0% #C0DCFF	RGB 192 220 255	#C0DCFF

#A8AEB1 #AEB8BE #B3C1CB #B7C9D8 #BBD0E5 #BED7F2 #C0DCFF

#A8AEB1 - #B7C9D8 - #C0DCFF

CSS codes

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

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