#AA548B - #6F083B | 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 #AA548B to #6F083B

#AA548B #6F083B

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

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

0.0%	0.0% #AA548B	RGB 170 84 139	#AA548B
16.7%	16.7% #A0477D	RGB 160 71 125	#A0477D
33.3%	33.3% #963A70	RGB 150 58 112	#963A70
50.0%	50.0% #8C2E63	RGB 140 46 99	#8C2E63
66.7%	66.7% #822155	RGB 130 33 85	#822155
83.3%	83.3% #781448	RGB 120 20 72	#781448
100.0%	100.0% #6F083B	RGB 111 8 59	#6F083B

#AA548B #A0477D #963A70 #8C2E63 #822155 #781448 #6F083B

#AA548B - #6F083B

HSV Blend

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

0.0%	0.0% #AA548B	RGB 170 84 139	#AA548B
16.7%	16.7% #A0437C	RGB 160 67 124	#A0437C
33.3%	33.3% #96356E	RGB 150 53 110	#96356E
50.0%	50.0% #8C2760	RGB 140 39 96	#8C2760
66.7%	66.7% #821B53	RGB 130 27 83	#821B53
83.3%	83.3% #781147	RGB 120 17 71	#781147
100.0%	100.0% #6F083B	RGB 111 8 59	#6F083B

#AA548B #A0437C #96356E #8C2760 #821B53 #781147 #6F083B

#AA548B - #8C2760 - #6F083B

CSS codes

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

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