#533D5E - #DB6A76 | 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 #DB6A76

#533D5E #DB6A76

Calculate the color between two colors, #533D5E and #DB6A76. 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 - #DB6A76 | 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 #DB6A76 as 100%.

0.0%	0.0% #533D5E	RGB 83 61 94	#533D5E
16.7%	16.7% #694462	RGB 105 68 98	#694462
33.3%	33.3% #804C66	RGB 128 76 102	#804C66
50.0%	50.0% #97536A	RGB 151 83 106	#97536A
66.7%	66.7% #AD5B6E	RGB 173 91 110	#AD5B6E
83.3%	83.3% #C46272	RGB 196 98 114	#C46272
100.0%	100.0% #DB6A76	RGB 219 106 118	#DB6A76

#533D5E #694462 #804C66 #97536A #AD5B6E #C46272 #DB6A76

#533D5E - #DB6A76

HSV Blend

#533D5E - #DB6A76 | 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 #DB6A76 as 100%.

0.0%	0.0% #533D5E	RGB 83 61 94	#533D5E
16.7%	16.7% #6D4772	RGB 109 71 114	#6D4772
33.3%	33.3% #875083	RGB 135 80 131	#875083
50.0%	50.0% #9C5889	RGB 156 88 137	#9C5889
66.7%	66.7% #B15F89	RGB 177 95 137	#B15F89
83.3%	83.3% #C66583	RGB 198 101 131	#C66583
100.0%	100.0% #DB6A76	RGB 219 106 118	#DB6A76

#533D5E #6D4772 #875083 #9C5889 #B15F89 #C66583 #DB6A76

#533D5E - #9C5889 - #DB6A76

CSS codes

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

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