#533D5E - #1B1017 | 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 #533D5E to #1B1017

#533D5E #1B1017

Calculate the color between two colors, #533D5E and #1B1017. 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)

#533D5E - #1B1017 | 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 #533D5E as 0% and #1B1017 as 100%.

0.0%	0.0% #533D5E	RGB 83 61 94	#533D5E
16.7%	16.7% #493552	RGB 73 53 82	#493552
33.3%	33.3% #402E46	RGB 64 46 70	#402E46
50.0%	50.0% #37263A	RGB 55 38 58	#37263A
66.7%	66.7% #2D1F2E	RGB 45 31 46	#2D1F2E
83.3%	83.3% #241722	RGB 36 23 34	#241722
100.0%	100.0% #1B1017	RGB 27 16 23	#1B1017

#533D5E #493552 #402E46 #37263A #2D1F2E #241722 #1B1017

#533D5E - #1B1017

HSV Blend

#533D5E - #1B1017 | 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 #533D5E as 0% and #1B1017 as 100%.

0.0%	0.0% #533D5E	RGB 83 61 94	#533D5E
16.7%	16.7% #4C3452	RGB 76 52 82	#4C3452
33.3%	33.3% #442D47	RGB 68 45 71	#442D47
50.0%	50.0% #3C253C	RGB 60 37 60	#3C253C
66.7%	66.7% #311E2E	RGB 49 30 46	#311E2E
83.3%	83.3% #261622	RGB 38 22 34	#261622
100.0%	100.0% #1B1017	RGB 27 16 23	#1B1017

#533D5E #4C3452 #442D47 #3C253C #311E2E #261622 #1B1017

#533D5E - #3C253C - #1B1017

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #533D5E 0%, #3C253C 50%, #1B1017 100%);
    background: -webkit-linear-gradient(top, #533D5E 0%, #3C253C 50%, #1B1017 100%);
    background: linear-gradient(to bottom, #533D5E 0%, #3C253C 50%, #1B1017 100%);
}
</style>