#533B5E - #1A1017 | 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 #533B5E to #1A1017

#533B5E #1A1017

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

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

0.0%	0.0% #533B5E	RGB 83 59 94	#533B5E
16.7%	16.7% #493352	RGB 73 51 82	#493352
33.3%	33.3% #402C46	RGB 64 44 70	#402C46
50.0%	50.0% #36253A	RGB 54 37 58	#36253A
66.7%	66.7% #2D1E2E	RGB 45 30 46	#2D1E2E
83.3%	83.3% #231722	RGB 35 23 34	#231722
100.0%	100.0% #1A1017	RGB 26 16 23	#1A1017

#533B5E #493352 #402C46 #36253A #2D1E2E #231722 #1A1017

#533B5E - #1A1017

HSV Blend

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

0.0%	0.0% #533B5E	RGB 83 59 94	#533B5E
16.7%	16.7% #4C3352	RGB 76 51 82	#4C3352
33.3%	33.3% #442C47	RGB 68 44 71	#442C47
50.0%	50.0% #3B253C	RGB 59 37 60	#3B253C
66.7%	66.7% #301E2E	RGB 48 30 46	#301E2E
83.3%	83.3% #251722	RGB 37 23 34	#251722
100.0%	100.0% #1A1017	RGB 26 16 23	#1A1017

#533B5E #4C3352 #442C47 #3B253C #301E2E #251722 #1A1017

#533B5E - #3B253C - #1A1017

CSS codes

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

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