#A1BEC8 - #C2D0FF | 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 #A1BEC8 to #C2D0FF

#A1BEC8 #C2D0FF

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

#A1BEC8 - #C2D0FF | 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 #A1BEC8 as 0% and #C2D0FF as 100%.

0.0%	0.0% #A1BEC8	RGB 161 190 200	#A1BEC8
16.7%	16.7% #A6C1D1	RGB 166 193 209	#A6C1D1
33.3%	33.3% #ACC4DA	RGB 172 196 218	#ACC4DA
50.0%	50.0% #B1C7E3	RGB 177 199 227	#B1C7E3
66.7%	66.7% #B7CAEC	RGB 183 202 236	#B7CAEC
83.3%	83.3% #BCCDF5	RGB 188 205 245	#BCCDF5
100.0%	100.0% #C2D0FF	RGB 194 208 255	#C2D0FF

#A1BEC8 #A6C1D1 #ACC4DA #B1C7E3 #B7CAEC #BCCDF5 #C2D0FF

#A1BEC8 - #C2D0FF

HSV Blend

#A1BEC8 - #C2D0FF | 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 #A1BEC8 as 0% and #C2D0FF as 100%.

0.0%	0.0% #A1BEC8	RGB 161 190 200	#A1BEC8
16.7%	16.7% #A6C2D1	RGB 166 194 209	#A6C2D1
33.3%	33.3% #ACC6DA	RGB 172 198 218	#ACC6DA
50.0%	50.0% #B2CAE3	RGB 178 202 227	#B2CAE3
66.7%	66.7% #B7CCEC	RGB 183 204 236	#B7CCEC
83.3%	83.3% #BCCEF5	RGB 188 206 245	#BCCEF5
100.0%	100.0% #C2D0FF	RGB 194 208 255	#C2D0FF

#A1BEC8 #A6C2D1 #ACC6DA #B2CAE3 #B7CCEC #BCCEF5 #C2D0FF

#A1BEC8 - #B2CAE3 - #C2D0FF

CSS codes

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

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