#A4A4FF - #BBD6F6 | 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 #A4A4FF to #BBD6F6

#A4A4FF #BBD6F6

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

#A4A4FF - #BBD6F6 | 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 #A4A4FF as 0% and #BBD6F6 as 100%.

0.0%	0.0% #A4A4FF	RGB 164 164 255	#A4A4FF
16.7%	16.7% #A7ACFD	RGB 167 172 253	#A7ACFD
33.3%	33.3% #ABB4FC	RGB 171 180 252	#ABB4FC
50.0%	50.0% #AFBDFA	RGB 175 189 250	#AFBDFA
66.7%	66.7% #B3C5F9	RGB 179 197 249	#B3C5F9
83.3%	83.3% #B7CDF7	RGB 183 205 247	#B7CDF7
100.0%	100.0% #BBD6F6	RGB 187 214 246	#BBD6F6

#A4A4FF #A7ACFD #ABB4FC #AFBDFA #B3C5F9 #B7CDF7 #BBD6F6

#A4A4FF - #BBD6F6

HSV Blend

#A4A4FF - #BBD6F6 | 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 #A4A4FF as 0% and #BBD6F6 as 100%.

0.0%	0.0% #A4A4FF	RGB 164 164 255	#A4A4FF
16.7%	16.7% #A7AEFD	RGB 167 174 253	#A7AEFD
33.3%	33.3% #ABB8FC	RGB 171 184 252	#ABB8FC
50.0%	50.0% #AFC0FA	RGB 175 192 250	#AFC0FA
66.7%	66.7% #B3C8F9	RGB 179 200 249	#B3C8F9
83.3%	83.3% #B7CFF7	RGB 183 207 247	#B7CFF7
100.0%	100.0% #BBD6F6	RGB 187 214 246	#BBD6F6

#A4A4FF #A7AEFD #ABB8FC #AFC0FA #B3C8F9 #B7CFF7 #BBD6F6

#A4A4FF - #AFC0FA - #BBD6F6

CSS codes

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

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