#AD3E8C - #311127 | 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 #AD3E8C to #311127

#AD3E8C #311127

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

#AD3E8C - #311127 | 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 #AD3E8C as 0% and #311127 as 100%.

0.0%	0.0% #AD3E8C	RGB 173 62 140	#AD3E8C
16.7%	16.7% #98367B	RGB 152 54 123	#98367B
33.3%	33.3% #832F6A	RGB 131 47 106	#832F6A
50.0%	50.0% #6F2759	RGB 111 39 89	#6F2759
66.7%	66.7% #5A2048	RGB 90 32 72	#5A2048
83.3%	83.3% #451837	RGB 69 24 55	#451837
100.0%	100.0% #311127	RGB 49 17 39	#311127

#AD3E8C #98367B #832F6A #6F2759 #5A2048 #451837 #311127

#AD3E8C - #311127

HSV Blend

#AD3E8C - #311127 | 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 #AD3E8C as 0% and #311127 as 100%.

0.0%	0.0% #AD3E8B	RGB 173 62 139	#AD3E8B
16.7%	16.7% #98367A	RGB 152 54 122	#98367A
33.3%	33.3% #832E69	RGB 131 46 105	#832E69
50.0%	50.0% #6F2759	RGB 111 39 89	#6F2759
66.7%	66.7% #5A1F48	RGB 90 31 72	#5A1F48
83.3%	83.3% #451837	RGB 69 24 55	#451837
100.0%	100.0% #311127	RGB 49 17 39	#311127

#AD3E8B #98367A #832E69 #6F2759 #5A1F48 #451837 #311127

#AD3E8C - #6F2759 - #311127

CSS codes

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

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