#57575C - #8C7FD5 | 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 #57575C to #8C7FD5

#57575C #8C7FD5

Calculate the color between two colors, #57575C and #8C7FD5. 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)

#57575C - #8C7FD5 | 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 #57575C as 0% and #8C7FD5 as 100%.

0.0%	0.0% #57575C	RGB 87 87 92	#57575C
16.7%	16.7% #5F5D70	RGB 95 93 112	#5F5D70
33.3%	33.3% #686484	RGB 104 100 132	#686484
50.0%	50.0% #716B98	RGB 113 107 152	#716B98
66.7%	66.7% #7A71AC	RGB 122 113 172	#7A71AC
83.3%	83.3% #8378C0	RGB 131 120 192	#8378C0
100.0%	100.0% #8C7FD5	RGB 140 127 213	#8C7FD5

#57575C #5F5D70 #686484 #716B98 #7A71AC #8378C0 #8C7FD5

#57575C - #8C7FD5

HSV Blend

#57575C - #8C7FD5 | 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 #57575C as 0% and #8C7FD5 as 100%.

0.0%	0.0% #57575C	RGB 87 87 92	#57575C
16.7%	16.7% #636370	RGB 99 99 112	#636370
33.3%	33.3% #6E6D84	RGB 110 109 132	#6E6D84
50.0%	50.0% #787598	RGB 120 117 152	#787598
66.7%	66.7% #807BAC	RGB 128 123 172	#807BAC
83.3%	83.3% #867EC0	RGB 134 126 192	#867EC0
100.0%	100.0% #8C7FD5	RGB 140 127 213	#8C7FD5

#57575C #636370 #6E6D84 #787598 #807BAC #867EC0 #8C7FD5

#57575C - #787598 - #8C7FD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #57575C 0%, #787598 50%, #8C7FD5 100%);
    background: -webkit-linear-gradient(top, #57575C 0%, #787598 50%, #8C7FD5 100%);
    background: linear-gradient(to bottom, #57575C 0%, #787598 50%, #8C7FD5 100%);
}
</style>