#4B2176 - #5E7FCD | 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 #4B2176 to #5E7FCD

#4B2176 #5E7FCD

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

#4B2176 - #5E7FCD | 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 #4B2176 as 0% and #5E7FCD as 100%.

0.0%	0.0% #4B2176	RGB 75 33 118	#4B2176
16.7%	16.7% #4E3084	RGB 78 48 132	#4E3084
33.3%	33.3% #514093	RGB 81 64 147	#514093
50.0%	50.0% #5450A1	RGB 84 80 161	#5450A1
66.7%	66.7% #575FB0	RGB 87 95 176	#575FB0
83.3%	83.3% #5A6FBE	RGB 90 111 190	#5A6FBE
100.0%	100.0% #5E7FCD	RGB 94 127 205	#5E7FCD

#4B2176 #4E3084 #514093 #5450A1 #575FB0 #5A6FBE #5E7FCD

#4B2176 - #5E7FCD

HSV Blend

#4B2176 - #5E7FCD | 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 #4B2176 as 0% and #5E7FCD as 100%.

0.0%	0.0% #4B2176	RGB 75 33 118	#4B2176
16.7%	16.7% #4A2984	RGB 74 41 132	#4A2984
33.3%	33.3% #483193	RGB 72 49 147	#483193
50.0%	50.0% #453BA1	RGB 69 59 161	#453BA1
66.7%	66.7% #4649B0	RGB 70 73 176	#4649B0
83.3%	83.3% #5163BE	RGB 81 99 190	#5163BE
100.0%	100.0% #5E7FCD	RGB 94 127 205	#5E7FCD

#4B2176 #4A2984 #483193 #453BA1 #4649B0 #5163BE #5E7FCD

#4B2176 - #453BA1 - #5E7FCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B2176 0%, #453BA1 50%, #5E7FCD 100%);
    background: -webkit-linear-gradient(top, #4B2176 0%, #453BA1 50%, #5E7FCD 100%);
    background: linear-gradient(to bottom, #4B2176 0%, #453BA1 50%, #5E7FCD 100%);
}
</style>