#A1B8CC - #BCD2FF | 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 #A1B8CC to #BCD2FF

#A1B8CC #BCD2FF

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

#A1B8CC - #BCD2FF | 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 #A1B8CC as 0% and #BCD2FF as 100%.

0.0%	0.0% #A1B8CC	RGB 161 184 204	#A1B8CC
16.7%	16.7% #A5BCD4	RGB 165 188 212	#A5BCD4
33.3%	33.3% #AAC0DD	RGB 170 192 221	#AAC0DD
50.0%	50.0% #AEC5E5	RGB 174 197 229	#AEC5E5
66.7%	66.7% #B3C9EE	RGB 179 201 238	#B3C9EE
83.3%	83.3% #B7CDF6	RGB 183 205 246	#B7CDF6
100.0%	100.0% #BCD2FF	RGB 188 210 255	#BCD2FF

#A1B8CC #A5BCD4 #AAC0DD #AEC5E5 #B3C9EE #B7CDF6 #BCD2FF

#A1B8CC - #BCD2FF

HSV Blend

#A1B8CC - #BCD2FF | 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 #A1B8CC as 0% and #BCD2FF as 100%.

0.0%	0.0% #A1B8CC	RGB 161 184 204	#A1B8CC
16.7%	16.7% #A5BDD4	RGB 165 189 212	#A5BDD4
33.3%	33.3% #AAC2DD	RGB 170 194 221	#AAC2DD
50.0%	50.0% #AFC6E5	RGB 175 198 229	#AFC6E5
66.7%	66.7% #B3CAEE	RGB 179 202 238	#B3CAEE
83.3%	83.3% #B7CEF6	RGB 183 206 246	#B7CEF6
100.0%	100.0% #BCD2FF	RGB 188 210 255	#BCD2FF

#A1B8CC #A5BDD4 #AAC2DD #AFC6E5 #B3CAEE #B7CEF6 #BCD2FF

#A1B8CC - #AFC6E5 - #BCD2FF

CSS codes

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

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