#8A8ADA - #B9C6DF | 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 #8A8ADA to #B9C6DF

#8A8ADA #B9C6DF

Calculate the color between two colors, #8A8ADA and #B9C6DF. 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)

#8A8ADA - #B9C6DF | 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 #8A8ADA as 0% and #B9C6DF as 100%.

0.0%	0.0% #8A8ADA	RGB 138 138 218	#8A8ADA
16.7%	16.7% #9194DA	RGB 145 148 218	#9194DA
33.3%	33.3% #999EDB	RGB 153 158 219	#999EDB
50.0%	50.0% #A1A8DC	RGB 161 168 220	#A1A8DC
66.7%	66.7% #A9B2DD	RGB 169 178 221	#A9B2DD
83.3%	83.3% #B1BCDE	RGB 177 188 222	#B1BCDE
100.0%	100.0% #B9C6DF	RGB 185 198 223	#B9C6DF

#8A8ADA #9194DA #999EDB #A1A8DC #A9B2DD #B1BCDE #B9C6DF

#8A8ADA - #B9C6DF

HSV Blend

#8A8ADA - #B9C6DF | 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 #8A8ADA as 0% and #B9C6DF as 100%.

0.0%	0.0% #8A8ADA	RGB 138 138 218	#8A8ADA
16.7%	16.7% #9195DA	RGB 145 149 218	#9195DA
33.3%	33.3% #99A0DB	RGB 153 160 219	#99A0DB
50.0%	50.0% #A1ABDC	RGB 161 171 220	#A1ABDC
66.7%	66.7% #A9B5DD	RGB 169 181 221	#A9B5DD
83.3%	83.3% #B1BDDE	RGB 177 189 222	#B1BDDE
100.0%	100.0% #B9C6DF	RGB 185 198 223	#B9C6DF

#8A8ADA #9195DA #99A0DB #A1ABDC #A9B5DD #B1BDDE #B9C6DF

#8A8ADA - #A1ABDC - #B9C6DF

CSS codes

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

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