#983C5E - #520B1D | 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 #983C5E to #520B1D

#983C5E #520B1D

Calculate the color between two colors, #983C5E and #520B1D. 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)

#983C5E - #520B1D | 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 #983C5E as 0% and #520B1D as 100%.

0.0%	0.0% #983C5E	RGB 152 60 94	#983C5E
16.7%	16.7% #8C3353	RGB 140 51 83	#8C3353
33.3%	33.3% #802B48	RGB 128 43 72	#802B48
50.0%	50.0% #75233D	RGB 117 35 61	#75233D
66.7%	66.7% #691B32	RGB 105 27 50	#691B32
83.3%	83.3% #5D1327	RGB 93 19 39	#5D1327
100.0%	100.0% #520B1D	RGB 82 11 29	#520B1D

#983C5E #8C3353 #802B48 #75233D #691B32 #5D1327 #520B1D

#983C5E - #520B1D

HSV Blend

#983C5E - #520B1D | 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 #983C5E as 0% and #520B1D as 100%.

0.0%	0.0% #983C5D	RGB 152 60 93	#983C5D
16.7%	16.7% #8C3151	RGB 140 49 81	#8C3151
33.3%	33.3% #802745	RGB 128 39 69	#802745
50.0%	50.0% #751E39	RGB 117 30 57	#751E39
66.7%	66.7% #69172F	RGB 105 23 47	#69172F
83.3%	83.3% #5D1025	RGB 93 16 37	#5D1025
100.0%	100.0% #520B1D	RGB 82 11 29	#520B1D

#983C5D #8C3151 #802745 #751E39 #69172F #5D1025 #520B1D

#983C5E - #751E39 - #520B1D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #983C5D 0%, #751E39 50%, #520B1D 100%);
    background: -webkit-linear-gradient(top, #983C5D 0%, #751E39 50%, #520B1D 100%);
    background: linear-gradient(to bottom, #983C5D 0%, #751E39 50%, #520B1D 100%);
}
</style>