#B6ABDF - #6B459E | 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 #B6ABDF to #6B459E

#B6ABDF #6B459E

Calculate the color between two colors, #B6ABDF and #6B459E. 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)

#B6ABDF - #6B459E | 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 #B6ABDF as 0% and #6B459E as 100%.

0.0%	0.0% #B6ABDF	RGB 182 171 223	#B6ABDF
16.7%	16.7% #A99AD4	RGB 169 154 212	#A99AD4
33.3%	33.3% #9D89C9	RGB 157 137 201	#9D89C9
50.0%	50.0% #9078BE	RGB 144 120 190	#9078BE
66.7%	66.7% #8467B3	RGB 132 103 179	#8467B3
83.3%	83.3% #7756A8	RGB 119 86 168	#7756A8
100.0%	100.0% #6B459E	RGB 107 69 158	#6B459E

#B6ABDF #A99AD4 #9D89C9 #9078BE #8467B3 #7756A8 #6B459E

#B6ABDF - #6B459E

HSV Blend

#B6ABDF - #6B459E | 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 #B6ABDF as 0% and #6B459E as 100%.

0.0%	0.0% #B6ABDF	RGB 182 171 223	#B6ABDF
16.7%	16.7% #A697D4	RGB 166 151 212	#A697D4
33.3%	33.3% #9784C9	RGB 151 132 201	#9784C9
50.0%	50.0% #8A72BE	RGB 138 114 190	#8A72BE
66.7%	66.7% #7F62B3	RGB 127 98 179	#7F62B3
83.3%	83.3% #7453A8	RGB 116 83 168	#7453A8
100.0%	100.0% #6B459E	RGB 107 69 158	#6B459E

#B6ABDF #A697D4 #9784C9 #8A72BE #7F62B3 #7453A8 #6B459E

#B6ABDF - #8A72BE - #6B459E

CSS codes

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

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