#A7A7FF - #BDD7F5 | 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 #A7A7FF to #BDD7F5

#A7A7FF #BDD7F5

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

#A7A7FF - #BDD7F5 | 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 #A7A7FF as 0% and #BDD7F5 as 100%.

0.0%	0.0% #A7A7FF	RGB 167 167 255	#A7A7FF
16.7%	16.7% #AAAFFD	RGB 170 175 253	#AAAFFD
33.3%	33.3% #AEB7FB	RGB 174 183 251	#AEB7FB
50.0%	50.0% #B2BFFA	RGB 178 191 250	#B2BFFA
66.7%	66.7% #B5C7F8	RGB 181 199 248	#B5C7F8
83.3%	83.3% #B9CFF6	RGB 185 207 246	#B9CFF6
100.0%	100.0% #BDD7F5	RGB 189 215 245	#BDD7F5

#A7A7FF #AAAFFD #AEB7FB #B2BFFA #B5C7F8 #B9CFF6 #BDD7F5

#A7A7FF - #BDD7F5

HSV Blend

#A7A7FF - #BDD7F5 | 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 #A7A7FF as 0% and #BDD7F5 as 100%.

0.0%	0.0% #A7A7FF	RGB 167 167 255	#A7A7FF
16.7%	16.7% #AAB1FD	RGB 170 177 253	#AAB1FD
33.3%	33.3% #AEBAFB	RGB 174 186 251	#AEBAFB
50.0%	50.0% #B2C2FA	RGB 178 194 250	#B2C2FA
66.7%	66.7% #B5CAF8	RGB 181 202 248	#B5CAF8
83.3%	83.3% #B9D1F6	RGB 185 209 246	#B9D1F6
100.0%	100.0% #BDD7F5	RGB 189 215 245	#BDD7F5

#A7A7FF #AAB1FD #AEBAFB #B2C2FA #B5CAF8 #B9D1F6 #BDD7F5

#A7A7FF - #B2C2FA - #BDD7F5

CSS codes

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

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