#5652AF - #201576 | 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 #5652AF to #201576

#5652AF #201576

Calculate the color between two colors, #5652AF and #201576. 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)

#5652AF - #201576 | 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 #5652AF as 0% and #201576 as 100%.

0.0%	0.0% #5652AF	RGB 86 82 175	#5652AF
16.7%	16.7% #4D47A5	RGB 77 71 165	#4D47A5
33.3%	33.3% #443D9C	RGB 68 61 156	#443D9C
50.0%	50.0% #3B3392	RGB 59 51 146	#3B3392
66.7%	66.7% #322989	RGB 50 41 137	#322989
83.3%	83.3% #291F7F	RGB 41 31 127	#291F7F
100.0%	100.0% #201576	RGB 32 21 118	#201576

#5652AF #4D47A5 #443D9C #3B3392 #322989 #291F7F #201576

#5652AF - #201576

HSV Blend

#5652AF - #201576 | 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 #5652AF as 0% and #201576 as 100%.

0.0%	0.0% #5552AF	RGB 85 82 175	#5552AF
16.7%	16.7% #4A45A5	RGB 74 69 165	#4A45A5
33.3%	33.3% #40399C	RGB 64 57 156	#40399C
50.0%	50.0% #372F92	RGB 55 47 146	#372F92
66.7%	66.7% #2E2589	RGB 46 37 137	#2E2589
83.3%	83.3% #261C7F	RGB 38 28 127	#261C7F
100.0%	100.0% #201576	RGB 32 21 118	#201576

#5552AF #4A45A5 #40399C #372F92 #2E2589 #261C7F #201576

#5652AF - #372F92 - #201576

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5552AF 0%, #372F92 50%, #201576 100%);
    background: -webkit-linear-gradient(top, #5552AF 0%, #372F92 50%, #201576 100%);
    background: linear-gradient(to bottom, #5552AF 0%, #372F92 50%, #201576 100%);
}
</style>