#5E62AA - #AA77FB | 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 #5E62AA to #AA77FB

#5E62AA #AA77FB

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

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

0.0%	0.0% #5E62AA	RGB 94 98 170	#5E62AA
16.7%	16.7% #6A65B7	RGB 106 101 183	#6A65B7
33.3%	33.3% #7769C5	RGB 119 105 197	#7769C5
50.0%	50.0% #846CD2	RGB 132 108 210	#846CD2
66.7%	66.7% #9070E0	RGB 144 112 224	#9070E0
83.3%	83.3% #9D73ED	RGB 157 115 237	#9D73ED
100.0%	100.0% #AA77FB	RGB 170 119 251	#AA77FB

#5E62AA #6A65B7 #7769C5 #846CD2 #9070E0 #9D73ED #AA77FB

#5E62AA - #AA77FB

HSV Blend

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

0.0%	0.0% #5E62AA	RGB 94 98 170	#5E62AA
16.7%	16.7% #6463B7	RGB 100 99 183	#6463B7
33.3%	33.3% #7067C5	RGB 112 103 197	#7067C5
50.0%	50.0% #7D6CD2	RGB 125 108 210	#7D6CD2
66.7%	66.7% #8A70E0	RGB 138 112 224	#8A70E0
83.3%	83.3% #9973ED	RGB 153 115 237	#9973ED
100.0%	100.0% #AA77FB	RGB 170 119 251	#AA77FB

#5E62AA #6463B7 #7067C5 #7D6CD2 #8A70E0 #9973ED #AA77FB

#5E62AA - #7D6CD2 - #AA77FB

CSS codes

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

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