#5E5C6C - #AC84E1 | 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 #5E5C6C to #AC84E1

#5E5C6C #AC84E1

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

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

0.0%	0.0% #5E5C6C	RGB 94 92 108	#5E5C6C
16.7%	16.7% #6B627F	RGB 107 98 127	#6B627F
33.3%	33.3% #786993	RGB 120 105 147	#786993
50.0%	50.0% #8570A6	RGB 133 112 166	#8570A6
66.7%	66.7% #9276BA	RGB 146 118 186	#9276BA
83.3%	83.3% #9F7DCD	RGB 159 125 205	#9F7DCD
100.0%	100.0% #AC84E1	RGB 172 132 225	#AC84E1

#5E5C6C #6B627F #786993 #8570A6 #9276BA #9F7DCD #AC84E1

#5E5C6C - #AC84E1

HSV Blend

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

0.0%	0.0% #5E5C6C	RGB 94 92 108	#5E5C6C
16.7%	16.7% #6B667F	RGB 107 102 127	#6B667F
33.3%	33.3% #787093	RGB 120 112 147	#787093
50.0%	50.0% #8477A6	RGB 132 119 166	#8477A6
66.7%	66.7% #917DBA	RGB 145 125 186	#917DBA
83.3%	83.3% #9E81CD	RGB 158 129 205	#9E81CD
100.0%	100.0% #AC84E1	RGB 172 132 225	#AC84E1

#5E5C6C #6B667F #787093 #8477A6 #917DBA #9E81CD #AC84E1

#5E5C6C - #8477A6 - #AC84E1

CSS codes

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

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