#5E61BB - #AC76FF | 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 #5E61BB to #AC76FF

#5E61BB #AC76FF

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

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

0.0%	0.0% #5E61BB	RGB 94 97 187	#5E61BB
16.7%	16.7% #6B64C6	RGB 107 100 198	#6B64C6
33.3%	33.3% #7868D1	RGB 120 104 209	#7868D1
50.0%	50.0% #856BDD	RGB 133 107 221	#856BDD
66.7%	66.7% #926FE8	RGB 146 111 232	#926FE8
83.3%	83.3% #9F72F3	RGB 159 114 243	#9F72F3
100.0%	100.0% #AC76FF	RGB 172 118 255	#AC76FF

#5E61BB #6B64C6 #7868D1 #856BDD #926FE8 #9F72F3 #AC76FF

#5E61BB - #AC76FF

HSV Blend

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

0.0%	0.0% #5E61BB	RGB 94 97 187	#5E61BB
16.7%	16.7% #6662C6	RGB 102 98 198	#6662C6
33.3%	33.3% #7266D1	RGB 114 102 209	#7266D1
50.0%	50.0% #7F6ADD	RGB 127 106 221	#7F6ADD
66.7%	66.7% #8D6EE8	RGB 141 110 232	#8D6EE8
83.3%	83.3% #9C72F3	RGB 156 114 243	#9C72F3
100.0%	100.0% #AC76FF	RGB 172 118 255	#AC76FF

#5E61BB #6662C6 #7266D1 #7F6ADD #8D6EE8 #9C72F3 #AC76FF

#5E61BB - #7F6ADD - #AC76FF

CSS codes

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

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