#513E5E - #1D1017 | 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 #513E5E to #1D1017

#513E5E #1D1017

Calculate the color between two colors, #513E5E and #1D1017. 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)

#513E5E - #1D1017 | 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 #513E5E as 0% and #1D1017 as 100%.

0.0%	0.0% #513E5E	RGB 81 62 94	#513E5E
16.7%	16.7% #483652	RGB 72 54 82	#483652
33.3%	33.3% #3F2E46	RGB 63 46 70	#3F2E46
50.0%	50.0% #37273A	RGB 55 39 58	#37273A
66.7%	66.7% #2E1F2E	RGB 46 31 46	#2E1F2E
83.3%	83.3% #251722	RGB 37 23 34	#251722
100.0%	100.0% #1D1017	RGB 29 16 23	#1D1017

#513E5E #483652 #3F2E46 #37273A #2E1F2E #251722 #1D1017

#513E5E - #1D1017

HSV Blend

#513E5E - #1D1017 | 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 #513E5E as 0% and #1D1017 as 100%.

0.0%	0.0% #513E5E	RGB 81 62 94	#513E5E
16.7%	16.7% #4B3553	RGB 75 53 83	#4B3553
33.3%	33.3% #452D48	RGB 69 45 72	#452D48
50.0%	50.0% #3D253C	RGB 61 37 60	#3D253C
66.7%	66.7% #321D2F	RGB 50 29 47	#321D2F
83.3%	83.3% #271622	RGB 39 22 34	#271622
100.0%	100.0% #1D1017	RGB 29 16 23	#1D1017

#513E5E #4B3553 #452D48 #3D253C #321D2F #271622 #1D1017

#513E5E - #3D253C - #1D1017

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #513E5E 0%, #3D253C 50%, #1D1017 100%);
    background: -webkit-linear-gradient(top, #513E5E 0%, #3D253C 50%, #1D1017 100%);
    background: linear-gradient(to bottom, #513E5E 0%, #3D253C 50%, #1D1017 100%);
}
</style>