#5E5C5B - #A2779C | 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 #5E5C5B to #A2779C

#5E5C5B #A2779C

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

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

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #696065	RGB 105 96 101	#696065
33.3%	33.3% #746570	RGB 116 101 112	#746570
50.0%	50.0% #80697B	RGB 128 105 123	#80697B
66.7%	66.7% #8B6E86	RGB 139 110 134	#8B6E86
83.3%	83.3% #967291	RGB 150 114 145	#967291
100.0%	100.0% #A2779C	RGB 162 119 156	#A2779C

#5E5C5B #696065 #746570 #80697B #8B6E86 #967291 #A2779C

#5E5C5B - #A2779C

HSV Blend

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

0.0%	0.0% #5E5C5B	RGB 94 92 91	#5E5C5B
16.7%	16.7% #696261	RGB 105 98 97	#696261
33.3%	33.3% #746768	RGB 116 103 104	#746768
50.0%	50.0% #806C71	RGB 128 108 113	#806C71
66.7%	66.7% #8B717D	RGB 139 113 125	#8B717D
83.3%	83.3% #96748B	RGB 150 116 139	#96748B
100.0%	100.0% #A2779C	RGB 162 119 156	#A2779C

#5E5C5B #696261 #746768 #806C71 #8B717D #96748B #A2779C

#5E5C5B - #806C71 - #A2779C

CSS codes

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

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