#BA4A8B - #75003C | 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 #BA4A8B to #75003C

#BA4A8B #75003C

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

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

0.0%	0.0% #BA4A8B	RGB 186 74 139	#BA4A8B
16.7%	16.7% #AE3D7D	RGB 174 61 125	#AE3D7D
33.3%	33.3% #A33170	RGB 163 49 112	#A33170
50.0%	50.0% #972563	RGB 151 37 99	#972563
66.7%	66.7% #8C1856	RGB 140 24 86	#8C1856
83.3%	83.3% #800C49	RGB 128 12 73	#800C49
100.0%	100.0% #75003C	RGB 117 0 60	#75003C

#BA4A8B #AE3D7D #A33170 #972563 #8C1856 #800C49 #75003C

#BA4A8B - #75003C

HSV Blend

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

0.0%	0.0% #BA4A8A	RGB 186 74 138	#BA4A8A
16.7%	16.7% #AE397C	RGB 174 57 124	#AE397C
33.3%	33.3% #A32B6E	RGB 163 43 110	#A32B6E
50.0%	50.0% #971E60	RGB 151 30 96	#971E60
66.7%	66.7% #8C1253	RGB 140 18 83	#8C1253
83.3%	83.3% #800847	RGB 128 8 71	#800847
100.0%	100.0% #75003C	RGB 117 0 60	#75003C

#BA4A8A #AE397C #A32B6E #971E60 #8C1253 #800847 #75003C

#BA4A8B - #971E60 - #75003C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA4A8A 0%, #971E60 50%, #75003C 100%);
    background: -webkit-linear-gradient(top, #BA4A8A 0%, #971E60 50%, #75003C 100%);
    background: linear-gradient(to bottom, #BA4A8A 0%, #971E60 50%, #75003C 100%);
}
</style>