#5E5A5D - #A879D5 | 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 #5E5A5D to #A879D5

#5E5A5D #A879D5

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

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

0.0%	0.0% #5E5A5D	RGB 94 90 93	#5E5A5D
16.7%	16.7% #6A5F71	RGB 106 95 113	#6A5F71
33.3%	33.3% #766485	RGB 118 100 133	#766485
50.0%	50.0% #836999	RGB 131 105 153	#836999
66.7%	66.7% #8F6EAD	RGB 143 110 173	#8F6EAD
83.3%	83.3% #9B73C1	RGB 155 115 193	#9B73C1
100.0%	100.0% #A879D5	RGB 168 121 213	#A879D5

#5E5A5D #6A5F71 #766485 #836999 #8F6EAD #9B73C1 #A879D5

#5E5A5D - #A879D5

HSV Blend

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

0.0%	0.0% #5E5A5D	RGB 94 90 93	#5E5A5D
16.7%	16.7% #716570	RGB 113 101 112	#716570
33.3%	33.3% #856E85	RGB 133 110 133	#856E85
50.0%	50.0% #957599	RGB 149 117 153	#957599
66.7%	66.7% #A078AD	RGB 160 120 173	#A078AD
83.3%	83.3% #A77AC1	RGB 167 122 193	#A77AC1
100.0%	100.0% #A879D5	RGB 168 121 213	#A879D5

#5E5A5D #716570 #856E85 #957599 #A078AD #A77AC1 #A879D5

#5E5A5D - #957599 - #A879D5

CSS codes

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

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