#5A335C - #8C8C8D | 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 #5A335C to #8C8C8D

#5A335C #8C8C8D

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

#5A335C - #8C8C8D | 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 #5A335C as 0% and #8C8C8D as 100%.

0.0%	0.0% #5A335C	RGB 90 51 92	#5A335C
16.7%	16.7% #624164	RGB 98 65 100	#624164
33.3%	33.3% #6A506C	RGB 106 80 108	#6A506C
50.0%	50.0% #735F74	RGB 115 95 116	#735F74
66.7%	66.7% #7B6E7C	RGB 123 110 124	#7B6E7C
83.3%	83.3% #837D84	RGB 131 125 132	#837D84
100.0%	100.0% #8C8C8D	RGB 140 140 141	#8C8C8D

#5A335C #624164 #6A506C #735F74 #7B6E7C #837D84 #8C8C8D

#5A335C - #8C8C8D

HSV Blend

#5A335C - #8C8C8D | 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 #5A335C as 0% and #8C8C8D as 100%.

0.0%	0.0% #5A335C	RGB 90 51 92	#5A335C
16.7%	16.7% #5C3E64	RGB 92 62 100	#5C3E64
33.3%	33.3% #604B6C	RGB 96 75 108	#604B6C
50.0%	50.0% #665A74	RGB 102 90 116	#665A74
66.7%	66.7% #6F697C	RGB 111 105 124	#6F697C
83.3%	83.3% #7B7A84	RGB 123 122 132	#7B7A84
100.0%	100.0% #8C8C8D	RGB 140 140 141	#8C8C8D

#5A335C #5C3E64 #604B6C #665A74 #6F697C #7B7A84 #8C8C8D

#5A335C - #665A74 - #8C8C8D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A335C 0%, #665A74 50%, #8C8C8D 100%);
    background: -webkit-linear-gradient(top, #5A335C 0%, #665A74 50%, #8C8C8D 100%);
    background: linear-gradient(to bottom, #5A335C 0%, #665A74 50%, #8C8C8D 100%);
}
</style>