#8C4A8D - #300F3A | 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 #8C4A8D to #300F3A

#8C4A8D #300F3A

Calculate the color between two colors, #8C4A8D and #300F3A. 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)

#8C4A8D - #300F3A | 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 #8C4A8D as 0% and #300F3A as 100%.

0.0%	0.0% #8C4A8D	RGB 140 74 141	#8C4A8D
16.7%	16.7% #7C407F	RGB 124 64 127	#7C407F
33.3%	33.3% #6D3671	RGB 109 54 113	#6D3671
50.0%	50.0% #5E2C63	RGB 94 44 99	#5E2C63
66.7%	66.7% #4E2255	RGB 78 34 85	#4E2255
83.3%	83.3% #3F1847	RGB 63 24 71	#3F1847
100.0%	100.0% #300F3A	RGB 48 15 58	#300F3A

#8C4A8D #7C407F #6D3671 #5E2C63 #4E2255 #3F1847 #300F3A

#8C4A8D - #300F3A

HSV Blend

#8C4A8D - #300F3A | 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 #8C4A8D as 0% and #300F3A as 100%.

0.0%	0.0% #8C4A8D	RGB 140 74 141	#8C4A8D
16.7%	16.7% #7B3D7F	RGB 123 61 127	#7B3D7F
33.3%	33.3% #6B3171	RGB 107 49 113	#6B3171
50.0%	50.0% #5C2663	RGB 92 38 99	#5C2663
66.7%	66.7% #4C1D55	RGB 76 29 85	#4C1D55
83.3%	83.3% #3E1547	RGB 62 21 71	#3E1547
100.0%	100.0% #300F3A	RGB 48 15 58	#300F3A

#8C4A8D #7B3D7F #6B3171 #5C2663 #4C1D55 #3E1547 #300F3A

#8C4A8D - #5C2663 - #300F3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C4A8D 0%, #5C2663 50%, #300F3A 100%);
    background: -webkit-linear-gradient(top, #8C4A8D 0%, #5C2663 50%, #300F3A 100%);
    background: linear-gradient(to bottom, #8C4A8D 0%, #5C2663 50%, #300F3A 100%);
}
</style>