#BA3D5E - #35111A | 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 #BA3D5E to #35111A

#BA3D5E #35111A

Calculate the color between two colors, #BA3D5E and #35111A. 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)

#BA3D5E - #35111A | 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 #BA3D5E as 0% and #35111A as 100%.

0.0%	0.0% #BA3D5E	RGB 186 61 94	#BA3D5E
16.7%	16.7% #A33552	RGB 163 53 82	#A33552
33.3%	33.3% #8D2E47	RGB 141 46 71	#8D2E47
50.0%	50.0% #77273C	RGB 119 39 60	#77273C
66.7%	66.7% #611F30	RGB 97 31 48	#611F30
83.3%	83.3% #4B1825	RGB 75 24 37	#4B1825
100.0%	100.0% #35111A	RGB 53 17 26	#35111A

#BA3D5E #A33552 #8D2E47 #77273C #611F30 #4B1825 #35111A

#BA3D5E - #35111A

HSV Blend

#BA3D5E - #35111A | 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 #BA3D5E as 0% and #35111A as 100%.

0.0%	0.0% #BA3D5D	RGB 186 61 93	#BA3D5D
16.7%	16.7% #A33552	RGB 163 53 82	#A33552
33.3%	33.3% #8D2E46	RGB 141 46 70	#8D2E46
50.0%	50.0% #77263B	RGB 119 38 59	#77263B
66.7%	66.7% #611F30	RGB 97 31 48	#611F30
83.3%	83.3% #4B1825	RGB 75 24 37	#4B1825
100.0%	100.0% #35111A	RGB 53 17 26	#35111A

#BA3D5D #A33552 #8D2E46 #77263B #611F30 #4B1825 #35111A

#BA3D5E - #77263B - #35111A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BA3D5D 0%, #77263B 50%, #35111A 100%);
    background: -webkit-linear-gradient(top, #BA3D5D 0%, #77263B 50%, #35111A 100%);
    background: linear-gradient(to bottom, #BA3D5D 0%, #77263B 50%, #35111A 100%);
}
</style>