#BA3D5E - #650920 | 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 #650920

#BA3D5E #650920

Calculate the color between two colors, #BA3D5E and #650920. 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 - #650920 | 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 #650920 as 100%.

0.0%	0.0% #BA3D5E	RGB 186 61 94	#BA3D5E
16.7%	16.7% #AB3453	RGB 171 52 83	#AB3453
33.3%	33.3% #9D2B49	RGB 157 43 73	#9D2B49
50.0%	50.0% #8F233F	RGB 143 35 63	#8F233F
66.7%	66.7% #811A34	RGB 129 26 52	#811A34
83.3%	83.3% #73112A	RGB 115 17 42	#73112A
100.0%	100.0% #650920	RGB 101 9 32	#650920

#BA3D5E #AB3453 #9D2B49 #8F233F #811A34 #73112A #650920

#BA3D5E - #650920

HSV Blend

#BA3D5E - #650920 | 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 #650920 as 100%.

0.0%	0.0% #BA3D5D	RGB 186 61 93	#BA3D5D
16.7%	16.7% #AB3151	RGB 171 49 81	#AB3151
33.3%	33.3% #9D2745	RGB 157 39 69	#9D2745
50.0%	50.0% #8F1D3B	RGB 143 29 59	#8F1D3B
66.7%	66.7% #811531	RGB 129 21 49	#811531
83.3%	83.3% #730E28	RGB 115 14 40	#730E28
100.0%	100.0% #650920	RGB 101 9 32	#650920

#BA3D5D #AB3151 #9D2745 #8F1D3B #811531 #730E28 #650920

#BA3D5E - #8F1D3B - #650920

CSS codes

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

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