#8A8A8F - #503D63 | 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 #8A8A8F to #503D63

#8A8A8F #503D63

Calculate the color between two colors, #8A8A8F and #503D63. 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)

#8A8A8F - #503D63 | 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 #8A8A8F as 0% and #503D63 as 100%.

0.0%	0.0% #8A8A8F	RGB 138 138 143	#8A8A8F
16.7%	16.7% #807D87	RGB 128 125 135	#807D87
33.3%	33.3% #767080	RGB 118 112 128	#767080
50.0%	50.0% #6D6379	RGB 109 99 121	#6D6379
66.7%	66.7% #635671	RGB 99 86 113	#635671
83.3%	83.3% #59496A	RGB 89 73 106	#59496A
100.0%	100.0% #503D63	RGB 80 61 99	#503D63

#8A8A8F #807D87 #767080 #6D6379 #635671 #59496A #503D63

#8A8A8F - #503D63

HSV Blend

#8A8A8F - #503D63 | 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 #8A8A8F as 0% and #503D63 as 100%.

0.0%	0.0% #8A8A8F	RGB 138 138 143	#8A8A8F
16.7%	16.7% #7C7B87	RGB 124 123 135	#7C7B87
33.3%	33.3% #706C80	RGB 112 108 128	#706C80
50.0%	50.0% #655F79	RGB 101 95 121	#655F79
66.7%	66.7% #5D5371	RGB 93 83 113	#5D5371
83.3%	83.3% #56476A	RGB 86 71 106	#56476A
100.0%	100.0% #503D63	RGB 80 61 99	#503D63

#8A8A8F #7C7B87 #706C80 #655F79 #5D5371 #56476A #503D63

#8A8A8F - #655F79 - #503D63

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8A8F 0%, #655F79 50%, #503D63 100%);
    background: -webkit-linear-gradient(top, #8A8A8F 0%, #655F79 50%, #503D63 100%);
    background: linear-gradient(to bottom, #8A8A8F 0%, #655F79 50%, #503D63 100%);
}
</style>