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

#4B2176 #5E80CD

Calculate the color between two colors, #4B2176 and #5E80CD. 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 - #5E80CD | 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 #5E80CD 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% #5760B0	RGB 87 96 176	#5760B0
83.3%	83.3% #5A70BE	RGB 90 112 190	#5A70BE
100.0%	100.0% #5E80CD	RGB 94 128 205	#5E80CD

#4B2176 #4E3084 #514093 #5450A1 #5760B0 #5A70BE #5E80CD

#4B2176 - #5E80CD

HSV Blend

#4B2176 - #5E80CD | 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 #5E80CD 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% #473193	RGB 71 49 147	#473193
50.0%	50.0% #453BA1	RGB 69 59 161	#453BA1
66.7%	66.7% #464AB0	RGB 70 74 176	#464AB0
83.3%	83.3% #5164BE	RGB 81 100 190	#5164BE
100.0%	100.0% #5E80CD	RGB 94 128 205	#5E80CD

#4B2176 #4A2984 #473193 #453BA1 #464AB0 #5164BE #5E80CD

#4B2176 - #453BA1 - #5E80CD

CSS codes

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

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