#973F5E - #520D1D | 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 #973F5E to #520D1D

#973F5E #520D1D

Calculate the color between two colors, #973F5E and #520D1D. 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)

#973F5E - #520D1D | 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 #973F5E as 0% and #520D1D as 100%.

0.0%	0.0% #973F5E	RGB 151 63 94	#973F5E
16.7%	16.7% #8B3653	RGB 139 54 83	#8B3653
33.3%	33.3% #802E48	RGB 128 46 72	#802E48
50.0%	50.0% #74263D	RGB 116 38 61	#74263D
66.7%	66.7% #691D32	RGB 105 29 50	#691D32
83.3%	83.3% #5D1527	RGB 93 21 39	#5D1527
100.0%	100.0% #520D1D	RGB 82 13 29	#520D1D

#973F5E #8B3653 #802E48 #74263D #691D32 #5D1527 #520D1D

#973F5E - #520D1D

HSV Blend

#973F5E - #520D1D | 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 #973F5E as 0% and #520D1D as 100%.

0.0%	0.0% #973F5E	RGB 151 63 94	#973F5E
16.7%	16.7% #8B3451	RGB 139 52 81	#8B3451
33.3%	33.3% #802A45	RGB 128 42 69	#802A45
50.0%	50.0% #742139	RGB 116 33 57	#742139
66.7%	66.7% #69192F	RGB 105 25 47	#69192F
83.3%	83.3% #5D1225	RGB 93 18 37	#5D1225
100.0%	100.0% #520D1D	RGB 82 13 29	#520D1D

#973F5E #8B3451 #802A45 #742139 #69192F #5D1225 #520D1D

#973F5E - #742139 - #520D1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #973F5E 0%, #742139 50%, #520D1D 100%);
    background: -webkit-linear-gradient(top, #973F5E 0%, #742139 50%, #520D1D 100%);
    background: linear-gradient(to bottom, #973F5E 0%, #742139 50%, #520D1D 100%);
}
</style>