#51005E - #AF3A9D | 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 #51005E to #AF3A9D

#51005E #AF3A9D

Calculate the color between two colors, #51005E and #AF3A9D. 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)

#51005E - #AF3A9D | 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 #51005E as 0% and #AF3A9D as 100%.

0.0%	0.0% #51005E	RGB 81 0 94	#51005E
16.7%	16.7% #600968	RGB 96 9 104	#600968
33.3%	33.3% #701373	RGB 112 19 115	#701373
50.0%	50.0% #801D7D	RGB 128 29 125	#801D7D
66.7%	66.7% #8F2688	RGB 143 38 136	#8F2688
83.3%	83.3% #9F3092	RGB 159 48 146	#9F3092
100.0%	100.0% #AF3A9D	RGB 175 58 157	#AF3A9D

#51005E #600968 #701373 #801D7D #8F2688 #9F3092 #AF3A9D

#51005E - #AF3A9D

HSV Blend

#51005E - #AF3A9D | 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 #51005E as 0% and #AF3A9D as 100%.

0.0%	0.0% #50005E	RGB 80 0 94	#50005E
16.7%	16.7% #62056B	RGB 98 5 107	#62056B
33.3%	33.3% #740D79	RGB 116 13 121	#740D79
50.0%	50.0% #861685	RGB 134 22 133	#861685
66.7%	66.7% #94208D	RGB 148 32 141	#94208D
83.3%	83.3% #A12C95	RGB 161 44 149	#A12C95
100.0%	100.0% #AF3A9D	RGB 175 58 157	#AF3A9D

#50005E #62056B #740D79 #861685 #94208D #A12C95 #AF3A9D

#51005E - #861685 - #AF3A9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50005E 0%, #861685 50%, #AF3A9D 100%);
    background: -webkit-linear-gradient(top, #50005E 0%, #861685 50%, #AF3A9D 100%);
    background: linear-gradient(to bottom, #50005E 0%, #861685 50%, #AF3A9D 100%);
}
</style>