#B9A2DA - #D1D1DA | 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 #B9A2DA to #D1D1DA

#B9A2DA #D1D1DA

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

#B9A2DA - #D1D1DA | 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 #B9A2DA as 0% and #D1D1DA as 100%.

0.0%	0.0% #B9A2DA	RGB 185 162 218	#B9A2DA
16.7%	16.7% #BDA9DA	RGB 189 169 218	#BDA9DA
33.3%	33.3% #C1B1DA	RGB 193 177 218	#C1B1DA
50.0%	50.0% #C5B9DA	RGB 197 185 218	#C5B9DA
66.7%	66.7% #C9C1DA	RGB 201 193 218	#C9C1DA
83.3%	83.3% #CDC9DA	RGB 205 201 218	#CDC9DA
100.0%	100.0% #D1D1DA	RGB 209 209 218	#D1D1DA

#B9A2DA #BDA9DA #C1B1DA #C5B9DA #C9C1DA #CDC9DA #D1D1DA

#B9A2DA - #D1D1DA

HSV Blend

#B9A2DA - #D1D1DA | 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 #B9A2DA as 0% and #D1D1DA as 100%.

0.0%	0.0% #B9A2DA	RGB 185 162 218	#B9A2DA
16.7%	16.7% #BAA9DA	RGB 186 169 218	#BAA9DA
33.3%	33.3% #BCB1DA	RGB 188 177 218	#BCB1DA
50.0%	50.0% #C0B9DA	RGB 192 185 218	#C0B9DA
66.7%	66.7% #C4C1DA	RGB 196 193 218	#C4C1DA
83.3%	83.3% #CAC9DA	RGB 202 201 218	#CAC9DA
100.0%	100.0% #D1D1DA	RGB 209 209 218	#D1D1DA

#B9A2DA #BAA9DA #BCB1DA #C0B9DA #C4C1DA #CAC9DA #D1D1DA

#B9A2DA - #C0B9DA - #D1D1DA

CSS codes

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

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