#AA3CBB - #3F0068 | 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 #AA3CBB to #3F0068

#AA3CBB #3F0068

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

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

0.0%	0.0% #AA3CBB	RGB 170 60 187	#AA3CBB
16.7%	16.7% #9832AD	RGB 152 50 173	#9832AD
33.3%	33.3% #86289F	RGB 134 40 159	#86289F
50.0%	50.0% #741E91	RGB 116 30 145	#741E91
66.7%	66.7% #621483	RGB 98 20 131	#621483
83.3%	83.3% #500A75	RGB 80 10 117	#500A75
100.0%	100.0% #3F0068	RGB 63 0 104	#3F0068

#AA3CBB #9832AD #86289F #741E91 #621483 #500A75 #3F0068

#AA3CBB - #3F0068

HSV Blend

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

0.0%	0.0% #AA3CBB	RGB 170 60 187	#AA3CBB
16.7%	16.7% #962EAD	RGB 150 46 173	#962EAD
33.3%	33.3% #83229F	RGB 131 34 159	#83229F
50.0%	50.0% #711791	RGB 113 23 145	#711791
66.7%	66.7% #5F0E83	RGB 95 14 131	#5F0E83
83.3%	83.3% #4E0675	RGB 78 6 117	#4E0675
100.0%	100.0% #3F0068	RGB 63 0 104	#3F0068

#AA3CBB #962EAD #83229F #711791 #5F0E83 #4E0675 #3F0068

#AA3CBB - #711791 - #3F0068

CSS codes

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

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