#BA5E8A - #7A0F3C | 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 #BA5E8A to #7A0F3C

#BA5E8A #7A0F3C

Calculate the color between two colors, #BA5E8A and #7A0F3C. 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)

#BA5E8A - #7A0F3C | 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 #BA5E8A as 0% and #7A0F3C as 100%.

0.0%	0.0% #BA5E8A	RGB 186 94 138	#BA5E8A
16.7%	16.7% #AF507D	RGB 175 80 125	#AF507D
33.3%	33.3% #A44370	RGB 164 67 112	#A44370
50.0%	50.0% #9A3663	RGB 154 54 99	#9A3663
66.7%	66.7% #8F2956	RGB 143 41 86	#8F2956
83.3%	83.3% #841C49	RGB 132 28 73	#841C49
100.0%	100.0% #7A0F3C	RGB 122 15 60	#7A0F3C

#BA5E8A #AF507D #A44370 #9A3663 #8F2956 #841C49 #7A0F3C

#BA5E8A - #7A0F3C

HSV Blend

#BA5E8A - #7A0F3C | 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 #BA5E8A as 0% and #7A0F3C as 100%.

0.0%	0.0% #BA5E89	RGB 186 94 137	#BA5E89
16.7%	16.7% #AF4D7B	RGB 175 77 123	#AF4D7B
33.3%	33.3% #A43E6D	RGB 164 62 109	#A43E6D
50.0%	50.0% #9A305F	RGB 154 48 95	#9A305F
66.7%	66.7% #8F2353	RGB 143 35 83	#8F2353
83.3%	83.3% #841847	RGB 132 24 71	#841847
100.0%	100.0% #7A0F3C	RGB 122 15 60	#7A0F3C

#BA5E89 #AF4D7B #A43E6D #9A305F #8F2353 #841847 #7A0F3C

#BA5E8A - #9A305F - #7A0F3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA5E89 0%, #9A305F 50%, #7A0F3C 100%);
    background: -webkit-linear-gradient(top, #BA5E89 0%, #9A305F 50%, #7A0F3C 100%);
    background: linear-gradient(to bottom, #BA5E89 0%, #9A305F 50%, #7A0F3C 100%);
}
</style>