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

#963F5E #520D1D

Calculate the color between two colors, #963F5E 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)

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

0.0%	0.0% #963F5E	RGB 150 63 94	#963F5E
16.7%	16.7% #8A3653	RGB 138 54 83	#8A3653
33.3%	33.3% #7F2E48	RGB 127 46 72	#7F2E48
50.0%	50.0% #74263D	RGB 116 38 61	#74263D
66.7%	66.7% #681D32	RGB 104 29 50	#681D32
83.3%	83.3% #5D1527	RGB 93 21 39	#5D1527
100.0%	100.0% #520D1D	RGB 82 13 29	#520D1D

#963F5E #8A3653 #7F2E48 #74263D #681D32 #5D1527 #520D1D

#963F5E - #520D1D

HSV Blend

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

0.0%	0.0% #963F5E	RGB 150 63 94	#963F5E
16.7%	16.7% #8A3451	RGB 138 52 81	#8A3451
33.3%	33.3% #7F2A45	RGB 127 42 69	#7F2A45
50.0%	50.0% #742139	RGB 116 33 57	#742139
66.7%	66.7% #68192F	RGB 104 25 47	#68192F
83.3%	83.3% #5D1225	RGB 93 18 37	#5D1225
100.0%	100.0% #520D1D	RGB 82 13 29	#520D1D

#963F5E #8A3451 #7F2A45 #742139 #68192F #5D1225 #520D1D

#963F5E - #742139 - #520D1D

CSS codes

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

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