#A8CCC5 - #C0E0FF | 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 #A8CCC5 to #C0E0FF

#A8CCC5 #C0E0FF

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

#A8CCC5 - #C0E0FF | 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 #A8CCC5 as 0% and #C0E0FF as 100%.

0.0%	0.0% #A8CCC5	RGB 168 204 197	#A8CCC5
16.7%	16.7% #ACCFCE	RGB 172 207 206	#ACCFCE
33.3%	33.3% #B0D2D8	RGB 176 210 216	#B0D2D8
50.0%	50.0% #B4D6E2	RGB 180 214 226	#B4D6E2
66.7%	66.7% #B8D9EB	RGB 184 217 235	#B8D9EB
83.3%	83.3% #BCDCF5	RGB 188 220 245	#BCDCF5
100.0%	100.0% #C0E0FF	RGB 192 224 255	#C0E0FF

#A8CCC5 #ACCFCE #B0D2D8 #B4D6E2 #B8D9EB #BCDCF5 #C0E0FF

#A8CCC5 - #C0E0FF

HSV Blend

#A8CCC5 - #C0E0FF | 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 #A8CCC5 as 0% and #C0E0FF as 100%.

0.0%	0.0% #A8CCC5	RGB 168 204 197	#A8CCC5
16.7%	16.7% #ACD4D1	RGB 172 212 209	#ACD4D1
33.3%	33.3% #B0DBDD	RGB 176 219 221	#B0DBDD
50.0%	50.0% #B4DEE5	RGB 180 222 229	#B4DEE5
66.7%	66.7% #B8DFEE	RGB 184 223 238	#B8DFEE
83.3%	83.3% #BCE0F6	RGB 188 224 246	#BCE0F6
100.0%	100.0% #C0E0FF	RGB 192 224 255	#C0E0FF

#A8CCC5 #ACD4D1 #B0DBDD #B4DEE5 #B8DFEE #BCE0F6 #C0E0FF

#A8CCC5 - #B4DEE5 - #C0E0FF

CSS codes

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

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