#A1A1FF - #B8D5F6 | 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 #A1A1FF to #B8D5F6

#A1A1FF #B8D5F6

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

#A1A1FF - #B8D5F6 | 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 #A1A1FF as 0% and #B8D5F6 as 100%.

0.0%	0.0% #A1A1FF	RGB 161 161 255	#A1A1FF
16.7%	16.7% #A4A9FD	RGB 164 169 253	#A4A9FD
33.3%	33.3% #A8B2FC	RGB 168 178 252	#A8B2FC
50.0%	50.0% #ACBBFA	RGB 172 187 250	#ACBBFA
66.7%	66.7% #B0C3F9	RGB 176 195 249	#B0C3F9
83.3%	83.3% #B4CCF7	RGB 180 204 247	#B4CCF7
100.0%	100.0% #B8D5F6	RGB 184 213 246	#B8D5F6

#A1A1FF #A4A9FD #A8B2FC #ACBBFA #B0C3F9 #B4CCF7 #B8D5F6

#A1A1FF - #B8D5F6

HSV Blend

#A1A1FF - #B8D5F6 | 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 #A1A1FF as 0% and #B8D5F6 as 100%.

0.0%	0.0% #A1A1FF	RGB 161 161 255	#A1A1FF
16.7%	16.7% #A4ABFD	RGB 164 171 253	#A4ABFD
33.3%	33.3% #A8B5FC	RGB 168 181 252	#A8B5FC
50.0%	50.0% #ACBEFA	RGB 172 190 250	#ACBEFA
66.7%	66.7% #B0C7F9	RGB 176 199 249	#B0C7F9
83.3%	83.3% #B4CEF7	RGB 180 206 247	#B4CEF7
100.0%	100.0% #B8D5F6	RGB 184 213 246	#B8D5F6

#A1A1FF #A4ABFD #A8B5FC #ACBEFA #B0C7F9 #B4CEF7 #B8D5F6

#A1A1FF - #ACBEFA - #B8D5F6

CSS codes

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

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