#5E494D - #A96DB5 | 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 #5E494D to #A96DB5

#5E494D #A96DB5

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

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

0.0%	0.0% #5E494D	RGB 94 73 77	#5E494D
16.7%	16.7% #6A4F5E	RGB 106 79 94	#6A4F5E
33.3%	33.3% #77556F	RGB 119 85 111	#77556F
50.0%	50.0% #835B81	RGB 131 91 129	#835B81
66.7%	66.7% #906192	RGB 144 97 146	#906192
83.3%	83.3% #9C67A3	RGB 156 103 163	#9C67A3
100.0%	100.0% #A96DB5	RGB 169 109 181	#A96DB5

#5E494D #6A4F5E #77556F #835B81 #906192 #9C67A3 #A96DB5

#5E494D - #A96DB5

HSV Blend

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

0.0%	0.0% #5E494D	RGB 94 73 77	#5E494D
16.7%	16.7% #6C515A	RGB 108 81 90	#6C515A
33.3%	33.3% #7B586A	RGB 123 88 106	#7B586A
50.0%	50.0% #895E7B	RGB 137 94 123	#895E7B
66.7%	66.7% #98648F	RGB 152 100 143	#98648F
83.3%	83.3% #A669A6	RGB 166 105 166	#A669A6
100.0%	100.0% #A96DB5	RGB 169 109 181	#A96DB5

#5E494D #6C515A #7B586A #895E7B #98648F #A669A6 #A96DB5

#5E494D - #895E7B - #A96DB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E494D 0%, #895E7B 50%, #A96DB5 100%);
    background: -webkit-linear-gradient(top, #5E494D 0%, #895E7B 50%, #A96DB5 100%);
    background: linear-gradient(to bottom, #5E494D 0%, #895E7B 50%, #A96DB5 100%);
}
</style>