#A61A8F - #59003B | 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 #A61A8F to #59003B

#A61A8F #59003B

Calculate the color between two colors, #A61A8F and #59003B. 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)

#A61A8F - #59003B | 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 #A61A8F as 0% and #59003B as 100%.

0.0%	0.0% #A61A8F	RGB 166 26 143	#A61A8F
16.7%	16.7% #991581	RGB 153 21 129	#991581
33.3%	33.3% #8C1173	RGB 140 17 115	#8C1173
50.0%	50.0% #7F0D65	RGB 127 13 101	#7F0D65
66.7%	66.7% #720857	RGB 114 8 87	#720857
83.3%	83.3% #650449	RGB 101 4 73	#650449
100.0%	100.0% #59003B	RGB 89 0 59	#59003B

#A61A8F #991581 #8C1173 #7F0D65 #720857 #650449 #59003B

#A61A8F - #59003B

HSV Blend

#A61A8F - #59003B | 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 #A61A8F as 0% and #59003B as 100%.

0.0%	0.0% #A61A8F	RGB 166 26 143	#A61A8F
16.7%	16.7% #99137F	RGB 153 19 127	#99137F
33.3%	33.3% #8C0E70	RGB 140 14 112	#8C0E70
50.0%	50.0% #7F0962	RGB 127 9 98	#7F0962
66.7%	66.7% #720554	RGB 114 5 84	#720554
83.3%	83.3% #650247	RGB 101 2 71	#650247
100.0%	100.0% #59003B	RGB 89 0 59	#59003B

#A61A8F #99137F #8C0E70 #7F0962 #720554 #650247 #59003B

#A61A8F - #7F0962 - #59003B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A61A8F 0%, #7F0962 50%, #59003B 100%);
    background: -webkit-linear-gradient(top, #A61A8F 0%, #7F0962 50%, #59003B 100%);
    background: linear-gradient(to bottom, #A61A8F 0%, #7F0962 50%, #59003B 100%);
}
</style>