#AD3EAD - #3F005B | 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 #AD3EAD to #3F005B

#AD3EAD #3F005B

Calculate the color between two colors, #AD3EAD and #3F005B. 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)

#AD3EAD - #3F005B | 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 #AD3EAD as 0% and #3F005B as 100%.

0.0%	0.0% #AD3EAD	RGB 173 62 173	#AD3EAD
16.7%	16.7% #9A339F	RGB 154 51 159	#9A339F
33.3%	33.3% #882991	RGB 136 41 145	#882991
50.0%	50.0% #761F84	RGB 118 31 132	#761F84
66.7%	66.7% #631476	RGB 99 20 118	#631476
83.3%	83.3% #510A68	RGB 81 10 104	#510A68
100.0%	100.0% #3F005B	RGB 63 0 91	#3F005B

#AD3EAD #9A339F #882991 #761F84 #631476 #510A68 #3F005B

#AD3EAD - #3F005B

HSV Blend

#AD3EAD - #3F005B | 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 #AD3EAD as 0% and #3F005B as 100%.

0.0%	0.0% #AC3EAD	RGB 172 62 173	#AC3EAD
16.7%	16.7% #992F9F	RGB 153 47 159	#992F9F
33.3%	33.3% #862291	RGB 134 34 145	#862291
50.0%	50.0% #731784	RGB 115 23 132	#731784
66.7%	66.7% #600E76	RGB 96 14 118	#600E76
83.3%	83.3% #4F0668	RGB 79 6 104	#4F0668
100.0%	100.0% #3F005B	RGB 63 0 91	#3F005B

#AC3EAD #992F9F #862291 #731784 #600E76 #4F0668 #3F005B

#AD3EAD - #731784 - #3F005B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC3EAD 0%, #731784 50%, #3F005B 100%);
    background: -webkit-linear-gradient(top, #AC3EAD 0%, #731784 50%, #3F005B 100%);
    background: linear-gradient(to bottom, #AC3EAD 0%, #731784 50%, #3F005B 100%);
}
</style>