#59575C - #2D0E51 | 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 #59575C to #2D0E51

#59575C #2D0E51

Calculate the color between two colors, #59575C and #2D0E51. 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)

#59575C - #2D0E51 | 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 #59575C as 0% and #2D0E51 as 100%.

0.0%	0.0% #59575C	RGB 89 87 92	#59575C
16.7%	16.7% #514A5A	RGB 81 74 90	#514A5A
33.3%	33.3% #4A3E58	RGB 74 62 88	#4A3E58
50.0%	50.0% #433256	RGB 67 50 86	#433256
66.7%	66.7% #3B2654	RGB 59 38 84	#3B2654
83.3%	83.3% #341A52	RGB 52 26 82	#341A52
100.0%	100.0% #2D0E51	RGB 45 14 81	#2D0E51

#59575C #514A5A #4A3E58 #433256 #3B2654 #341A52 #2D0E51

#59575C - #2D0E51

HSV Blend

#59575C - #2D0E51 | 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 #59575C as 0% and #2D0E51 as 100%.

0.0%	0.0% #59575C	RGB 89 87 92	#59575C
16.7%	16.7% #50495A	RGB 80 73 90	#50495A
33.3%	33.3% #483C58	RGB 72 60 88	#483C58
50.0%	50.0% #403056	RGB 64 48 86	#403056
66.7%	66.7% #392454	RGB 57 36 84	#392454
83.3%	83.3% #331852	RGB 51 24 82	#331852
100.0%	100.0% #2D0E51	RGB 45 14 81	#2D0E51

#59575C #50495A #483C58 #403056 #392454 #331852 #2D0E51

#59575C - #403056 - #2D0E51

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #59575C 0%, #403056 50%, #2D0E51 100%);
    background: -webkit-linear-gradient(top, #59575C 0%, #403056 50%, #2D0E51 100%);
    background: linear-gradient(to bottom, #59575C 0%, #403056 50%, #2D0E51 100%);
}
</style>