#BA7070 - #352020 | 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 #BA7070 to #352020

#BA7070 #352020

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

#BA7070 - #352020 | 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 #BA7070 as 0% and #352020 as 100%.

0.0%	0.0% #BA7070	RGB 186 112 112	#BA7070
16.7%	16.7% #A36262	RGB 163 98 98	#A36262
33.3%	33.3% #8D5555	RGB 141 85 85	#8D5555
50.0%	50.0% #774848	RGB 119 72 72	#774848
66.7%	66.7% #613A3A	RGB 97 58 58	#613A3A
83.3%	83.3% #4B2D2D	RGB 75 45 45	#4B2D2D
100.0%	100.0% #352020	RGB 53 32 32	#352020

#BA7070 #A36262 #8D5555 #774848 #613A3A #4B2D2D #352020

#BA7070 - #352020

HSV Blend

#BA7070 - #352020 | 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 #BA7070 as 0% and #352020 as 100%.

0.0%	0.0% #BA7070	RGB 186 112 112	#BA7070
16.7%	16.7% #A36262	RGB 163 98 98	#A36262
33.3%	33.3% #8D5555	RGB 141 85 85	#8D5555
50.0%	50.0% #774848	RGB 119 72 72	#774848
66.7%	66.7% #613A3A	RGB 97 58 58	#613A3A
83.3%	83.3% #4B2D2D	RGB 75 45 45	#4B2D2D
100.0%	100.0% #352020	RGB 53 32 32	#352020

#BA7070 #A36262 #8D5555 #774848 #613A3A #4B2D2D #352020

#BA7070 - #774848 - #352020

CSS codes

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

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