#5E5C6F - #AC84E3 | 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 #5E5C6F to #AC84E3

#5E5C6F #AC84E3

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

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

0.0%	0.0% #5E5C6F	RGB 94 92 111	#5E5C6F
16.7%	16.7% #6B6282	RGB 107 98 130	#6B6282
33.3%	33.3% #786995	RGB 120 105 149	#786995
50.0%	50.0% #8570A9	RGB 133 112 169	#8570A9
66.7%	66.7% #9276BC	RGB 146 118 188	#9276BC
83.3%	83.3% #9F7DCF	RGB 159 125 207	#9F7DCF
100.0%	100.0% #AC84E3	RGB 172 132 227	#AC84E3

#5E5C6F #6B6282 #786995 #8570A9 #9276BC #9F7DCF #AC84E3

#5E5C6F - #AC84E3

HSV Blend

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

0.0%	0.0% #5E5C6F	RGB 94 92 111	#5E5C6F
16.7%	16.7% #6B6682	RGB 107 102 130	#6B6682
33.3%	33.3% #776F95	RGB 119 111 149	#776F95
50.0%	50.0% #8477A9	RGB 132 119 169	#8477A9
66.7%	66.7% #917DBC	RGB 145 125 188	#917DBC
83.3%	83.3% #9E81CF	RGB 158 129 207	#9E81CF
100.0%	100.0% #AC84E3	RGB 172 132 227	#AC84E3

#5E5C6F #6B6682 #776F95 #8477A9 #917DBC #9E81CF #AC84E3

#5E5C6F - #8477A9 - #AC84E3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C6F 0%, #8477A9 50%, #AC84E3 100%);
    background: -webkit-linear-gradient(top, #5E5C6F 0%, #8477A9 50%, #AC84E3 100%);
    background: linear-gradient(to bottom, #5E5C6F 0%, #8477A9 50%, #AC84E3 100%);
}
</style>