#5E525D - #A37ABF | 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 #5E525D to #A37ABF

#5E525D #A37ABF

Calculate the color between two colors, #5E525D and #A37ABF. 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)

#5E525D - #A37ABF | 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 #5E525D as 0% and #A37ABF as 100%.

0.0%	0.0% #5E525D	RGB 94 82 93	#5E525D
16.7%	16.7% #69586D	RGB 105 88 109	#69586D
33.3%	33.3% #755F7D	RGB 117 95 125	#755F7D
50.0%	50.0% #80668E	RGB 128 102 142	#80668E
66.7%	66.7% #8C6C9E	RGB 140 108 158	#8C6C9E
83.3%	83.3% #9773AE	RGB 151 115 174	#9773AE
100.0%	100.0% #A37ABF	RGB 163 122 191	#A37ABF

#5E525D #69586D #755F7D #80668E #8C6C9E #9773AE #A37ABF

#5E525D - #A37ABF

HSV Blend

#5E525D - #A37ABF | 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 #5E525D as 0% and #A37ABF as 100%.

0.0%	0.0% #5E525D	RGB 94 82 93	#5E525D
16.7%	16.7% #6E5B6E	RGB 110 91 110	#6E5B6E
33.3%	33.3% #7C647E	RGB 124 100 126	#7C647E
50.0%	50.0% #886B8E	RGB 136 107 142	#886B8E
66.7%	66.7% #93719E	RGB 147 113 158	#93719E
83.3%	83.3% #9C76AE	RGB 156 118 174	#9C76AE
100.0%	100.0% #A37ABF	RGB 163 122 191	#A37ABF

#5E525D #6E5B6E #7C647E #886B8E #93719E #9C76AE #A37ABF

#5E525D - #886B8E - #A37ABF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E525D 0%, #886B8E 50%, #A37ABF 100%);
    background: -webkit-linear-gradient(top, #5E525D 0%, #886B8E 50%, #A37ABF 100%);
    background: linear-gradient(to bottom, #5E525D 0%, #886B8E 50%, #A37ABF 100%);
}
</style>