#4B2D5E - #586FAE | 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 #4B2D5E to #586FAE

#4B2D5E #586FAE

Calculate the color between two colors, #4B2D5E and #586FAE. 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)

#4B2D5E - #586FAE | 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 #4B2D5E as 0% and #586FAE as 100%.

0.0%	0.0% #4B2D5E	RGB 75 45 94	#4B2D5E
16.7%	16.7% #4D386B	RGB 77 56 107	#4D386B
33.3%	33.3% #4F4378	RGB 79 67 120	#4F4378
50.0%	50.0% #514E86	RGB 81 78 134	#514E86
66.7%	66.7% #535993	RGB 83 89 147	#535993
83.3%	83.3% #5564A0	RGB 85 100 160	#5564A0
100.0%	100.0% #586FAE	RGB 88 111 174	#586FAE

#4B2D5E #4D386B #4F4378 #514E86 #535993 #5564A0 #586FAE

#4B2D5E - #586FAE

HSV Blend

#4B2D5E - #586FAE | 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 #4B2D5E as 0% and #586FAE as 100%.

0.0%	0.0% #4B2D5E	RGB 75 45 94	#4B2D5E
16.7%	16.7% #4D336B	RGB 77 51 107	#4D336B
33.3%	33.3% #4E3A78	RGB 78 58 120	#4E3A78
50.0%	50.0% #4D4186	RGB 77 65 134	#4D4186
66.7%	66.7% #4B4993	RGB 75 73 147	#4B4993
83.3%	83.3% #505AA0	RGB 80 90 160	#505AA0
100.0%	100.0% #586FAE	RGB 88 111 174	#586FAE

#4B2D5E #4D336B #4E3A78 #4D4186 #4B4993 #505AA0 #586FAE

#4B2D5E - #4D4186 - #586FAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B2D5E 0%, #4D4186 50%, #586FAE 100%);
    background: -webkit-linear-gradient(top, #4B2D5E 0%, #4D4186 50%, #586FAE 100%);
    background: linear-gradient(to bottom, #4B2D5E 0%, #4D4186 50%, #586FAE 100%);
}
</style>