#A03CB3 - #3A005E | 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 #A03CB3 to #3A005E

#A03CB3 #3A005E

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

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

0.0%	0.0% #A03CB3	RGB 160 60 179	#A03CB3
16.7%	16.7% #8F32A4	RGB 143 50 164	#8F32A4
33.3%	33.3% #7E2896	RGB 126 40 150	#7E2896
50.0%	50.0% #6D1E88	RGB 109 30 136	#6D1E88
66.7%	66.7% #5C147A	RGB 92 20 122	#5C147A
83.3%	83.3% #4B0A6C	RGB 75 10 108	#4B0A6C
100.0%	100.0% #3A005E	RGB 58 0 94	#3A005E

#A03CB3 #8F32A4 #7E2896 #6D1E88 #5C147A #4B0A6C #3A005E

#A03CB3 - #3A005E

HSV Blend

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

0.0%	0.0% #A03CB3	RGB 160 60 179	#A03CB3
16.7%	16.7% #8D2EA4	RGB 141 46 164	#8D2EA4
33.3%	33.3% #7B2196	RGB 123 33 150	#7B2196
50.0%	50.0% #691688	RGB 105 22 136	#691688
66.7%	66.7% #580D7A	RGB 88 13 122	#580D7A
83.3%	83.3% #48066C	RGB 72 6 108	#48066C
100.0%	100.0% #3A005E	RGB 58 0 94	#3A005E

#A03CB3 #8D2EA4 #7B2196 #691688 #580D7A #48066C #3A005E

#A03CB3 - #691688 - #3A005E

CSS codes

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

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