#5E62BB - #AD76FF | 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 #5E62BB to #AD76FF

#5E62BB #AD76FF

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

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

0.0%	0.0% #5E62BB	RGB 94 98 187	#5E62BB
16.7%	16.7% #6B65C6	RGB 107 101 198	#6B65C6
33.3%	33.3% #7868D1	RGB 120 104 209	#7868D1
50.0%	50.0% #856CDD	RGB 133 108 221	#856CDD
66.7%	66.7% #926FE8	RGB 146 111 232	#926FE8
83.3%	83.3% #9F72F3	RGB 159 114 243	#9F72F3
100.0%	100.0% #AD76FF	RGB 173 118 255	#AD76FF

#5E62BB #6B65C6 #7868D1 #856CDD #926FE8 #9F72F3 #AD76FF

#5E62BB - #AD76FF

HSV Blend

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

0.0%	0.0% #5E62BB	RGB 94 98 187	#5E62BB
16.7%	16.7% #6562C6	RGB 101 98 198	#6562C6
33.3%	33.3% #7166D1	RGB 113 102 209	#7166D1
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% #AD76FF	RGB 173 118 255	#AD76FF

#5E62BB #6562C6 #7166D1 #7F6ADD #8D6EE8 #9C72F3 #AD76FF

#5E62BB - #7F6ADD - #AD76FF

CSS codes

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

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