#B9ACDA - #34313E | 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 #B9ACDA to #34313E

#B9ACDA #34313E

Calculate the color between two colors, #B9ACDA and #34313E. 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)

#B9ACDA - #34313E | 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 #B9ACDA as 0% and #34313E as 100%.

0.0%	0.0% #B9ACDA	RGB 185 172 218	#B9ACDA
16.7%	16.7% #A297C0	RGB 162 151 192	#A297C0
33.3%	33.3% #8C83A6	RGB 140 131 166	#8C83A6
50.0%	50.0% #766E8C	RGB 118 110 140	#766E8C
66.7%	66.7% #605A72	RGB 96 90 114	#605A72
83.3%	83.3% #4A4558	RGB 74 69 88	#4A4558
100.0%	100.0% #34313E	RGB 52 49 62	#34313E

#B9ACDA #A297C0 #8C83A6 #766E8C #605A72 #4A4558 #34313E

#B9ACDA - #34313E

HSV Blend

#B9ACDA - #34313E | 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 #B9ACDA as 0% and #34313E as 100%.

0.0%	0.0% #B9ACDA	RGB 185 172 218	#B9ACDA
16.7%	16.7% #A297C0	RGB 162 151 192	#A297C0
33.3%	33.3% #8C83A6	RGB 140 131 166	#8C83A6
50.0%	50.0% #766E8C	RGB 118 110 140	#766E8C
66.7%	66.7% #5F5A72	RGB 95 90 114	#5F5A72
83.3%	83.3% #494558	RGB 73 69 88	#494558
100.0%	100.0% #34313E	RGB 52 49 62	#34313E

#B9ACDA #A297C0 #8C83A6 #766E8C #5F5A72 #494558 #34313E

#B9ACDA - #766E8C - #34313E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9ACDA 0%, #766E8C 50%, #34313E 100%);
    background: -webkit-linear-gradient(top, #B9ACDA 0%, #766E8C 50%, #34313E 100%);
    background: linear-gradient(to bottom, #B9ACDA 0%, #766E8C 50%, #34313E 100%);
}
</style>