#BA7B3C - #FF70B7 | 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 #BA7B3C to #FF70B7

#BA7B3C #FF70B7

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

#BA7B3C - #FF70B7 | 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 #BA7B3C as 0% and #FF70B7 as 100%.

0.0%	0.0% #BA7B3C	RGB 186 123 60	#BA7B3C
16.7%	16.7% #C57950	RGB 197 121 80	#C57950
33.3%	33.3% #D17765	RGB 209 119 101	#D17765
50.0%	50.0% #DC7579	RGB 220 117 121	#DC7579
66.7%	66.7% #E8738E	RGB 232 115 142	#E8738E
83.3%	83.3% #F371A2	RGB 243 113 162	#F371A2
100.0%	100.0% #FF70B7	RGB 255 112 183	#FF70B7

#BA7B3C #C57950 #D17765 #DC7579 #E8738E #F371A2 #FF70B7

#BA7B3C - #FF70B7

HSV Blend

#BA7B3C - #FF70B7 | 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 #BA7B3C as 0% and #FF70B7 as 100%.

0.0%	0.0% #BA7B3C	RGB 186 123 60	#BA7B3C
16.7%	16.7% #C56E43	RGB 197 110 67	#C56E43
33.3%	33.3% #D1614B	RGB 209 97 75	#D1614B
50.0%	50.0% #DC5453	RGB 220 84 83	#DC5453
66.7%	66.7% #E85C73	RGB 232 92 115	#E85C73
83.3%	83.3% #F36694	RGB 243 102 148	#F36694
100.0%	100.0% #FF70B7	RGB 255 112 183	#FF70B7

#BA7B3C #C56E43 #D1614B #DC5453 #E85C73 #F36694 #FF70B7

#BA7B3C - #DC5453 - #FF70B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA7B3C 0%, #DC5453 50%, #FF70B7 100%);
    background: -webkit-linear-gradient(top, #BA7B3C 0%, #DC5453 50%, #FF70B7 100%);
    background: linear-gradient(to bottom, #BA7B3C 0%, #DC5453 50%, #FF70B7 100%);
}
</style>