#BA2950 - #85002B | 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 #BA2950 to #85002B

#BA2950 #85002B

Calculate the color between two colors, #BA2950 and #85002B. 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)

#BA2950 - #85002B | 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 #BA2950 as 0% and #85002B as 100%.

0.0%	0.0% #BA2950	RGB 186 41 80	#BA2950
16.7%	16.7% #B12249	RGB 177 34 73	#B12249
33.3%	33.3% #A81B43	RGB 168 27 67	#A81B43
50.0%	50.0% #9F143D	RGB 159 20 61	#9F143D
66.7%	66.7% #960D37	RGB 150 13 55	#960D37
83.3%	83.3% #8D0631	RGB 141 6 49	#8D0631
100.0%	100.0% #85002B	RGB 133 0 43	#85002B

#BA2950 #B12249 #A81B43 #9F143D #960D37 #8D0631 #85002B

#BA2950 - #85002B

HSV Blend

#BA2950 - #85002B | 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 #BA2950 as 0% and #85002B as 100%.

0.0%	0.0% #BA2950	RGB 186 41 80	#BA2950
16.7%	16.7% #B12048	RGB 177 32 72	#B12048
33.3%	33.3% #A81841	RGB 168 24 65	#A81841
50.0%	50.0% #9F113B	RGB 159 17 59	#9F113B
66.7%	66.7% #960B35	RGB 150 11 53	#960B35
83.3%	83.3% #8D0530	RGB 141 5 48	#8D0530
100.0%	100.0% #85002B	RGB 133 0 43	#85002B

#BA2950 #B12048 #A81841 #9F113B #960B35 #8D0530 #85002B

#BA2950 - #9F113B - #85002B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA2950 0%, #9F113B 50%, #85002B 100%);
    background: -webkit-linear-gradient(top, #BA2950 0%, #9F113B 50%, #85002B 100%);
    background: linear-gradient(to bottom, #BA2950 0%, #9F113B 50%, #85002B 100%);
}
</style>