#81768D - #5E2477 | 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 #81768D to #5E2477

#81768D #5E2477

Calculate the color between two colors, #81768D and #5E2477. 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)

#81768D - #5E2477 | 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 #81768D as 0% and #5E2477 as 100%.

0.0%	0.0% #81768D	RGB 129 118 141	#81768D
16.7%	16.7% #7B6889	RGB 123 104 137	#7B6889
33.3%	33.3% #755A85	RGB 117 90 133	#755A85
50.0%	50.0% #6F4D82	RGB 111 77 130	#6F4D82
66.7%	66.7% #693F7E	RGB 105 63 126	#693F7E
83.3%	83.3% #63317A	RGB 99 49 122	#63317A
100.0%	100.0% #5E2477	RGB 94 36 119	#5E2477

#81768D #7B6889 #755A85 #6F4D82 #693F7E #63317A #5E2477

#81768D - #5E2477

HSV Blend

#81768D - #5E2477 | 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 #81768D as 0% and #5E2477 as 100%.

0.0%	0.0% #81768D	RGB 129 118 141	#81768D
16.7%	16.7% #786689	RGB 120 102 137	#786689
33.3%	33.3% #715885	RGB 113 88 133	#715885
50.0%	50.0% #6A4A82	RGB 106 74 130	#6A4A82
66.7%	66.7% #653C7E	RGB 101 60 126	#653C7E
83.3%	83.3% #61307A	RGB 97 48 122	#61307A
100.0%	100.0% #5E2477	RGB 94 36 119	#5E2477

#81768D #786689 #715885 #6A4A82 #653C7E #61307A #5E2477

#81768D - #6A4A82 - #5E2477

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #81768D 0%, #6A4A82 50%, #5E2477 100%);
    background: -webkit-linear-gradient(top, #81768D 0%, #6A4A82 50%, #5E2477 100%);
    background: linear-gradient(to bottom, #81768D 0%, #6A4A82 50%, #5E2477 100%);
}
</style>