#BA5EAB - #74255D | 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 #BA5EAB to #74255D

#BA5EAB #74255D

Calculate the color between two colors, #BA5EAB and #74255D. 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)

#BA5EAB - #74255D | 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 #BA5EAB as 0% and #74255D as 100%.

0.0%	0.0% #BA5EAB	RGB 186 94 171	#BA5EAB
16.7%	16.7% #AE549E	RGB 174 84 158	#AE549E
33.3%	33.3% #A24B91	RGB 162 75 145	#A24B91
50.0%	50.0% #974184	RGB 151 65 132	#974184
66.7%	66.7% #8B3877	RGB 139 56 119	#8B3877
83.3%	83.3% #7F2E6A	RGB 127 46 106	#7F2E6A
100.0%	100.0% #74255D	RGB 116 37 93	#74255D

#BA5EAB #AE549E #A24B91 #974184 #8B3877 #7F2E6A #74255D

#BA5EAB - #74255D

HSV Blend

#BA5EAB - #74255D | 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 #BA5EAB as 0% and #74255D as 100%.

0.0%	0.0% #BA5EAB	RGB 186 94 171	#BA5EAB
16.7%	16.7% #AE529D	RGB 174 82 157	#AE529D
33.3%	33.3% #A24890	RGB 162 72 144	#A24890
50.0%	50.0% #973E82	RGB 151 62 130	#973E82
66.7%	66.7% #8B3575	RGB 139 53 117	#8B3575
83.3%	83.3% #7F2C69	RGB 127 44 105	#7F2C69
100.0%	100.0% #74255D	RGB 116 37 93	#74255D

#BA5EAB #AE529D #A24890 #973E82 #8B3575 #7F2C69 #74255D

#BA5EAB - #973E82 - #74255D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA5EAB 0%, #973E82 50%, #74255D 100%);
    background: -webkit-linear-gradient(top, #BA5EAB 0%, #973E82 50%, #74255D 100%);
    background: linear-gradient(to bottom, #BA5EAB 0%, #973E82 50%, #74255D 100%);
}
</style>