#9A00A1 - #190048 | 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 #9A00A1 to #190048

#9A00A1 #190048

Calculate the color between two colors, #9A00A1 and #190048. 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)

#9A00A1 - #190048 | 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 #9A00A1 as 0% and #190048 as 100%.

0.0%	0.0% #9A00A1	RGB 154 0 161	#9A00A1
16.7%	16.7% #840092	RGB 132 0 146	#840092
33.3%	33.3% #6F0083	RGB 111 0 131	#6F0083
50.0%	50.0% #590074	RGB 89 0 116	#590074
66.7%	66.7% #440065	RGB 68 0 101	#440065
83.3%	83.3% #2E0056	RGB 46 0 86	#2E0056
100.0%	100.0% #190048	RGB 25 0 72	#190048

#9A00A1 #840092 #6F0083 #590074 #440065 #2E0056 #190048

#9A00A1 - #190048

HSV Blend

#9A00A1 - #190048 | 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 #9A00A1 as 0% and #190048 as 100%.

0.0%	0.0% #9900A1	RGB 153 0 161	#9900A1
16.7%	16.7% #7C0092	RGB 124 0 146	#7C0092
33.3%	33.3% #620083	RGB 98 0 131	#620083
50.0%	50.0% #4B0074	RGB 75 0 116	#4B0074
66.7%	66.7% #370065	RGB 55 0 101	#370065
83.3%	83.3% #260056	RGB 38 0 86	#260056
100.0%	100.0% #190048	RGB 25 0 72	#190048

#9900A1 #7C0092 #620083 #4B0074 #370065 #260056 #190048

#9A00A1 - #4B0074 - #190048

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9900A1 0%, #4B0074 50%, #190048 100%);
    background: -webkit-linear-gradient(top, #9900A1 0%, #4B0074 50%, #190048 100%);
    background: linear-gradient(to bottom, #9900A1 0%, #4B0074 50%, #190048 100%);
}
</style>