#50408C - #8C86B4 | 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 #50408C to #8C86B4

#50408C #8C86B4

Calculate the color between two colors, #50408C and #8C86B4. 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)

#50408C - #8C86B4 | 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 #50408C as 0% and #8C86B4 as 100%.

0.0%	0.0% #50408C	RGB 80 64 140	#50408C
16.7%	16.7% #5A4B92	RGB 90 75 146	#5A4B92
33.3%	33.3% #645799	RGB 100 87 153	#645799
50.0%	50.0% #6E63A0	RGB 110 99 160	#6E63A0
66.7%	66.7% #786EA6	RGB 120 110 166	#786EA6
83.3%	83.3% #827AAD	RGB 130 122 173	#827AAD
100.0%	100.0% #8C86B4	RGB 140 134 180	#8C86B4

#50408C #5A4B92 #645799 #6E63A0 #786EA6 #827AAD #8C86B4

#50408C - #8C86B4

HSV Blend

#50408C - #8C86B4 | 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 #50408C as 0% and #8C86B4 as 100%.

0.0%	0.0% #50408C	RGB 80 64 140	#50408C
16.7%	16.7% #584A92	RGB 88 74 146	#584A92
33.3%	33.3% #615499	RGB 97 84 153	#615499
50.0%	50.0% #6B60A0	RGB 107 96 160	#6B60A0
66.7%	66.7% #756CA6	RGB 117 108 166	#756CA6
83.3%	83.3% #8078AD	RGB 128 120 173	#8078AD
100.0%	100.0% #8C86B4	RGB 140 134 180	#8C86B4

#50408C #584A92 #615499 #6B60A0 #756CA6 #8078AD #8C86B4

#50408C - #6B60A0 - #8C86B4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #50408C 0%, #6B60A0 50%, #8C86B4 100%);
    background: -webkit-linear-gradient(top, #50408C 0%, #6B60A0 50%, #8C86B4 100%);
    background: linear-gradient(to bottom, #50408C 0%, #6B60A0 50%, #8C86B4 100%);
}
</style>