#AD6BA3 - #311E2E | 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 #AD6BA3 to #311E2E

#AD6BA3 #311E2E

Calculate the color between two colors, #AD6BA3 and #311E2E. 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)

#AD6BA3 - #311E2E | 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 #AD6BA3 as 0% and #311E2E as 100%.

0.0%	0.0% #AD6BA3	RGB 173 107 163	#AD6BA3
16.7%	16.7% #985E8F	RGB 152 94 143	#985E8F
33.3%	33.3% #83517C	RGB 131 81 124	#83517C
50.0%	50.0% #6F4468	RGB 111 68 104	#6F4468
66.7%	66.7% #5A3755	RGB 90 55 85	#5A3755
83.3%	83.3% #452A41	RGB 69 42 65	#452A41
100.0%	100.0% #311E2E	RGB 49 30 46	#311E2E

#AD6BA3 #985E8F #83517C #6F4468 #5A3755 #452A41 #311E2E

#AD6BA3 - #311E2E

HSV Blend

#AD6BA3 - #311E2E | 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 #AD6BA3 as 0% and #311E2E as 100%.

0.0%	0.0% #AD6BA3	RGB 173 107 163	#AD6BA3
16.7%	16.7% #985E8F	RGB 152 94 143	#985E8F
33.3%	33.3% #83517B	RGB 131 81 123	#83517B
50.0%	50.0% #6F4468	RGB 111 68 104	#6F4468
66.7%	66.7% #5A3754	RGB 90 55 84	#5A3754
83.3%	83.3% #452A41	RGB 69 42 65	#452A41
100.0%	100.0% #311E2E	RGB 49 30 46	#311E2E

#AD6BA3 #985E8F #83517B #6F4468 #5A3754 #452A41 #311E2E

#AD6BA3 - #6F4468 - #311E2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD6BA3 0%, #6F4468 50%, #311E2E 100%);
    background: -webkit-linear-gradient(top, #AD6BA3 0%, #6F4468 50%, #311E2E 100%);
    background: linear-gradient(to bottom, #AD6BA3 0%, #6F4468 50%, #311E2E 100%);
}
</style>