#AD4C8C - #6F023B | 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 #6F023B

#AD4C8C #6F023B

Calculate the color between two colors, #AD4C8C and #6F023B. 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 - #6F023B | 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 #6F023B as 100%.

0.0%	0.0% #AD4C8C	RGB 173 76 140	#AD4C8C
16.7%	16.7% #A23F7E	RGB 162 63 126	#A23F7E
33.3%	33.3% #983371	RGB 152 51 113	#983371
50.0%	50.0% #8E2763	RGB 142 39 99	#8E2763
66.7%	66.7% #831A56	RGB 131 26 86	#831A56
83.3%	83.3% #790E48	RGB 121 14 72	#790E48
100.0%	100.0% #6F023B	RGB 111 2 59	#6F023B

#AD4C8C #A23F7E #983371 #8E2763 #831A56 #790E48 #6F023B

#AD4C8C - #6F023B

HSV Blend

#AD4C8C - #6F023B | 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 #6F023B as 100%.

0.0%	0.0% #AD4C8B	RGB 173 76 139	#AD4C8B
16.7%	16.7% #A23C7D	RGB 162 60 125	#A23C7D
33.3%	33.3% #982D6F	RGB 152 45 111	#982D6F
50.0%	50.0% #8E2061	RGB 142 32 97	#8E2061
66.7%	66.7% #831453	RGB 131 20 83	#831453
83.3%	83.3% #790A47	RGB 121 10 71	#790A47
100.0%	100.0% #6F023B	RGB 111 2 59	#6F023B

#AD4C8B #A23C7D #982D6F #8E2061 #831453 #790A47 #6F023B

#AD4C8C - #8E2061 - #6F023B

CSS codes

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

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