#A6CCC2 - #C5E1FF | 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 #A6CCC2 to #C5E1FF

#A6CCC2 #C5E1FF

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

#A6CCC2 - #C5E1FF | 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 #A6CCC2 as 0% and #C5E1FF as 100%.

0.0%	0.0% #A6CCC2	RGB 166 204 194	#A6CCC2
16.7%	16.7% #ABCFCC	RGB 171 207 204	#ABCFCC
33.3%	33.3% #B0D3D6	RGB 176 211 214	#B0D3D6
50.0%	50.0% #B5D6E0	RGB 181 214 224	#B5D6E0
66.7%	66.7% #BADAEA	RGB 186 218 234	#BADAEA
83.3%	83.3% #BFDDF4	RGB 191 221 244	#BFDDF4
100.0%	100.0% #C5E1FF	RGB 197 225 255	#C5E1FF

#A6CCC2 #ABCFCC #B0D3D6 #B5D6E0 #BADAEA #BFDDF4 #C5E1FF

#A6CCC2 - #C5E1FF

HSV Blend

#A6CCC2 - #C5E1FF | 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 #A6CCC2 as 0% and #C5E1FF as 100%.

0.0%	0.0% #A6CCC2	RGB 166 204 194	#A6CCC2
16.7%	16.7% #ABD4CF	RGB 171 212 207	#ABD4CF
33.3%	33.3% #B0DDDC	RGB 176 221 220	#B0DDDC
50.0%	50.0% #B6DFE5	RGB 182 223 229	#B6DFE5
66.7%	66.7% #BBE0EE	RGB 187 224 238	#BBE0EE
83.3%	83.3% #C0E1F6	RGB 192 225 246	#C0E1F6
100.0%	100.0% #C5E1FF	RGB 197 225 255	#C5E1FF

#A6CCC2 #ABD4CF #B0DDDC #B6DFE5 #BBE0EE #C0E1F6 #C5E1FF

#A6CCC2 - #B6DFE5 - #C5E1FF

CSS codes

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

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