#5E666C - #AC8CE8 | 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 #5E666C to #AC8CE8

#5E666C #AC8CE8

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

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

0.0%	0.0% #5E666C	RGB 94 102 108	#5E666C
16.7%	16.7% #6B6C80	RGB 107 108 128	#6B6C80
33.3%	33.3% #787295	RGB 120 114 149	#787295
50.0%	50.0% #8579AA	RGB 133 121 170	#8579AA
66.7%	66.7% #927FBE	RGB 146 127 190	#927FBE
83.3%	83.3% #9F85D3	RGB 159 133 211	#9F85D3
100.0%	100.0% #AC8CE8	RGB 172 140 232	#AC8CE8

#5E666C #6B6C80 #787295 #8579AA #927FBE #9F85D3 #AC8CE8

#5E666C - #AC8CE8

HSV Blend

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

0.0%	0.0% #5E666C	RGB 94 102 108	#5E666C
16.7%	16.7% #6A7380	RGB 106 115 128	#6A7380
33.3%	33.3% #747D95	RGB 116 125 149	#747D95
50.0%	50.0% #7D82AA	RGB 125 130 170	#7D82AA
66.7%	66.7% #8684BE	RGB 134 132 190	#8684BE
83.3%	83.3% #9788D3	RGB 151 136 211	#9788D3
100.0%	100.0% #AC8CE8	RGB 172 140 232	#AC8CE8

#5E666C #6A7380 #747D95 #7D82AA #8684BE #9788D3 #AC8CE8

#5E666C - #7D82AA - #AC8CE8

CSS codes

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

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