#4B3E6B - #8B7F92 | 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 #4B3E6B to #8B7F92

#4B3E6B #8B7F92

Calculate the color between two colors, #4B3E6B and #8B7F92. 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)

#4B3E6B - #8B7F92 | 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 #4B3E6B as 0% and #8B7F92 as 100%.

0.0%	0.0% #4B3E6B	RGB 75 62 107	#4B3E6B
16.7%	16.7% #554871	RGB 85 72 113	#554871
33.3%	33.3% #605378	RGB 96 83 120	#605378
50.0%	50.0% #6B5E7E	RGB 107 94 126	#6B5E7E
66.7%	66.7% #756985	RGB 117 105 133	#756985
83.3%	83.3% #80748B	RGB 128 116 139	#80748B
100.0%	100.0% #8B7F92	RGB 139 127 146	#8B7F92

#4B3E6B #554871 #605378 #6B5E7E #756985 #80748B #8B7F92

#4B3E6B - #8B7F92

HSV Blend

#4B3E6B - #8B7F92 | 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 #4B3E6B as 0% and #8B7F92 as 100%.

0.0%	0.0% #4A3E6B	RGB 74 62 107	#4A3E6B
16.7%	16.7% #554771	RGB 85 71 113	#554771
33.3%	33.3% #605178	RGB 96 81 120	#605178
50.0%	50.0% #6B5B7E	RGB 107 91 126	#6B5B7E
66.7%	66.7% #766685	RGB 118 102 133	#766685
83.3%	83.3% #80728B	RGB 128 114 139	#80728B
100.0%	100.0% #8B7F92	RGB 139 127 146	#8B7F92

#4A3E6B #554771 #605178 #6B5B7E #766685 #80728B #8B7F92

#4B3E6B - #6B5B7E - #8B7F92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A3E6B 0%, #6B5B7E 50%, #8B7F92 100%);
    background: -webkit-linear-gradient(top, #4A3E6B 0%, #6B5B7E 50%, #8B7F92 100%);
    background: linear-gradient(to bottom, #4A3E6B 0%, #6B5B7E 50%, #8B7F92 100%);
}
</style>