#A1B0FF - #C2DAF3 | 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 #A1B0FF to #C2DAF3

#A1B0FF #C2DAF3

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

#A1B0FF - #C2DAF3 | 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 #A1B0FF as 0% and #C2DAF3 as 100%.

0.0%	0.0% #A1B0FF	RGB 161 176 255	#A1B0FF
16.7%	16.7% #A6B7FD	RGB 166 183 253	#A6B7FD
33.3%	33.3% #ACBEFB	RGB 172 190 251	#ACBEFB
50.0%	50.0% #B1C5F9	RGB 177 197 249	#B1C5F9
66.7%	66.7% #B7CCF7	RGB 183 204 247	#B7CCF7
83.3%	83.3% #BCD3F5	RGB 188 211 245	#BCD3F5
100.0%	100.0% #C2DAF3	RGB 194 218 243	#C2DAF3

#A1B0FF #A6B7FD #ACBEFB #B1C5F9 #B7CCF7 #BCD3F5 #C2DAF3

#A1B0FF - #C2DAF3

HSV Blend

#A1B0FF - #C2DAF3 | 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 #A1B0FF as 0% and #C2DAF3 as 100%.

0.0%	0.0% #A1B0FF	RGB 161 176 255	#A1B0FF
16.7%	16.7% #A6B9FD	RGB 166 185 253	#A6B9FD
33.3%	33.3% #ACC1FB	RGB 172 193 251	#ACC1FB
50.0%	50.0% #B2C9F9	RGB 178 201 249	#B2C9F9
66.7%	66.7% #B7CFF7	RGB 183 207 247	#B7CFF7
83.3%	83.3% #BCD5F5	RGB 188 213 245	#BCD5F5
100.0%	100.0% #C2DAF3	RGB 194 218 243	#C2DAF3

#A1B0FF #A6B9FD #ACC1FB #B2C9F9 #B7CFF7 #BCD5F5 #C2DAF3

#A1B0FF - #B2C9F9 - #C2DAF3

CSS codes

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

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