#AD4C8C - #311528 | 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 #AD4C8C to #311528

#AD4C8C #311528

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

#AD4C8C - #311528 | 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 #AD4C8C as 0% and #311528 as 100%.

0.0%	0.0% #AD4C8C	RGB 173 76 140	#AD4C8C
16.7%	16.7% #98427B	RGB 152 66 123	#98427B
33.3%	33.3% #83396A	RGB 131 57 106	#83396A
50.0%	50.0% #6F305A	RGB 111 48 90	#6F305A
66.7%	66.7% #5A2749	RGB 90 39 73	#5A2749
83.3%	83.3% #451E38	RGB 69 30 56	#451E38
100.0%	100.0% #311528	RGB 49 21 40	#311528

#AD4C8C #98427B #83396A #6F305A #5A2749 #451E38 #311528

#AD4C8C - #311528

HSV Blend

#AD4C8C - #311528 | 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 #AD4C8C as 0% and #311528 as 100%.

0.0%	0.0% #AD4C8B	RGB 173 76 139	#AD4C8B
16.7%	16.7% #98427B	RGB 152 66 123	#98427B
33.3%	33.3% #83396A	RGB 131 57 106	#83396A
50.0%	50.0% #6F305A	RGB 111 48 90	#6F305A
66.7%	66.7% #5A2749	RGB 90 39 73	#5A2749
83.3%	83.3% #451D38	RGB 69 29 56	#451D38
100.0%	100.0% #311528	RGB 49 21 40	#311528

#AD4C8B #98427B #83396A #6F305A #5A2749 #451D38 #311528

#AD4C8C - #6F305A - #311528

CSS codes

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

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