#8CB8C4 - #ACD0FF | 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 #8CB8C4 to #ACD0FF

#8CB8C4 #ACD0FF

Calculate the color between two colors, #8CB8C4 and #ACD0FF. 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)

#8CB8C4 - #ACD0FF | 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 #8CB8C4 as 0% and #ACD0FF as 100%.

0.0%	0.0% #8CB8C4	RGB 140 184 196	#8CB8C4
16.7%	16.7% #91BCCD	RGB 145 188 205	#91BCCD
33.3%	33.3% #96C0D7	RGB 150 192 215	#96C0D7
50.0%	50.0% #9CC4E1	RGB 156 196 225	#9CC4E1
66.7%	66.7% #A1C8EB	RGB 161 200 235	#A1C8EB
83.3%	83.3% #A6CCF5	RGB 166 204 245	#A6CCF5
100.0%	100.0% #ACD0FF	RGB 172 208 255	#ACD0FF

#8CB8C4 #91BCCD #96C0D7 #9CC4E1 #A1C8EB #A6CCF5 #ACD0FF

#8CB8C4 - #ACD0FF

HSV Blend

#8CB8C4 - #ACD0FF | 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 #8CB8C4 as 0% and #ACD0FF as 100%.

0.0%	0.0% #8CB8C4	RGB 140 184 196	#8CB8C4
16.7%	16.7% #91BDCD	RGB 145 189 205	#91BDCD
33.3%	33.3% #97C2D7	RGB 151 194 215	#97C2D7
50.0%	50.0% #9CC6E1	RGB 156 198 225	#9CC6E1
66.7%	66.7% #A1CAEB	RGB 161 202 235	#A1CAEB
83.3%	83.3% #A6CDF5	RGB 166 205 245	#A6CDF5
100.0%	100.0% #ACD0FF	RGB 172 208 255	#ACD0FF

#8CB8C4 #91BDCD #97C2D7 #9CC6E1 #A1CAEB #A6CDF5 #ACD0FF

#8CB8C4 - #9CC6E1 - #ACD0FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CB8C4 0%, #9CC6E1 50%, #ACD0FF 100%);
    background: -webkit-linear-gradient(top, #8CB8C4 0%, #9CC6E1 50%, #ACD0FF 100%);
    background: linear-gradient(to bottom, #8CB8C4 0%, #9CC6E1 50%, #ACD0FF 100%);
}
</style>