#A2C0DA - #C0D2FF | 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 #A2C0DA to #C0D2FF

#A2C0DA #C0D2FF

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

#A2C0DA - #C0D2FF | 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 #A2C0DA as 0% and #C0D2FF as 100%.

0.0%	0.0% #A2C0DA	RGB 162 192 218	#A2C0DA
16.7%	16.7% #A7C3E0	RGB 167 195 224	#A7C3E0
33.3%	33.3% #ACC6E6	RGB 172 198 230	#ACC6E6
50.0%	50.0% #B1C9EC	RGB 177 201 236	#B1C9EC
66.7%	66.7% #B6CCF2	RGB 182 204 242	#B6CCF2
83.3%	83.3% #BBCFF8	RGB 187 207 248	#BBCFF8
100.0%	100.0% #C0D2FF	RGB 192 210 255	#C0D2FF

#A2C0DA #A7C3E0 #ACC6E6 #B1C9EC #B6CCF2 #BBCFF8 #C0D2FF

#A2C0DA - #C0D2FF

HSV Blend

#A2C0DA - #C0D2FF | 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 #A2C0DA as 0% and #C0D2FF as 100%.

0.0%	0.0% #A2C0DA	RGB 162 192 218	#A2C0DA
16.7%	16.7% #A6C3E0	RGB 166 195 224	#A6C3E0
33.3%	33.3% #ABC6E6	RGB 171 198 230	#ABC6E6
50.0%	50.0% #B0C9EC	RGB 176 201 236	#B0C9EC
66.7%	66.7% #B5CCF2	RGB 181 204 242	#B5CCF2
83.3%	83.3% #BACFF8	RGB 186 207 248	#BACFF8
100.0%	100.0% #C0D2FF	RGB 192 210 255	#C0D2FF

#A2C0DA #A6C3E0 #ABC6E6 #B0C9EC #B5CCF2 #BACFF8 #C0D2FF

#A2C0DA - #B0C9EC - #C0D2FF

CSS codes

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

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