#A045DA - #40008C | 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 #A045DA to #40008C

#A045DA #40008C

Calculate the color between two colors, #A045DA and #40008C. 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)

#A045DA - #40008C | 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 #A045DA as 0% and #40008C as 100%.

0.0%	0.0% #A045DA	RGB 160 69 218	#A045DA
16.7%	16.7% #9039CD	RGB 144 57 205	#9039CD
33.3%	33.3% #802EC0	RGB 128 46 192	#802EC0
50.0%	50.0% #7022B3	RGB 112 34 179	#7022B3
66.7%	66.7% #6017A6	RGB 96 23 166	#6017A6
83.3%	83.3% #500B99	RGB 80 11 153	#500B99
100.0%	100.0% #40008C	RGB 64 0 140	#40008C

#A045DA #9039CD #802EC0 #7022B3 #6017A6 #500B99 #40008C

#A045DA - #40008C

HSV Blend

#A045DA - #40008C | 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 #A045DA as 0% and #40008C as 100%.

0.0%	0.0% #9F45DA	RGB 159 69 218	#9F45DA
16.7%	16.7% #8E36CD	RGB 142 54 205	#8E36CD
33.3%	33.3% #7D28C0	RGB 125 40 192	#7D28C0
50.0%	50.0% #6C1CB3	RGB 108 28 179	#6C1CB3
66.7%	66.7% #5C11A6	RGB 92 17 166	#5C11A6
83.3%	83.3% #4E0899	RGB 78 8 153	#4E0899
100.0%	100.0% #40008C	RGB 64 0 140	#40008C

#9F45DA #8E36CD #7D28C0 #6C1CB3 #5C11A6 #4E0899 #40008C

#A045DA - #6C1CB3 - #40008C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9F45DA 0%, #6C1CB3 50%, #40008C 100%);
    background: -webkit-linear-gradient(top, #9F45DA 0%, #6C1CB3 50%, #40008C 100%);
    background: linear-gradient(to bottom, #9F45DA 0%, #6C1CB3 50%, #40008C 100%);
}
</style>