#773F85 - #5B085E | 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 #773F85 to #5B085E

#773F85 #5B085E

Calculate the color between two colors, #773F85 and #5B085E. 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)

#773F85 - #5B085E | 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 #773F85 as 0% and #5B085E as 100%.

0.0%	0.0% #773F85	RGB 119 63 133	#773F85
16.7%	16.7% #72357E	RGB 114 53 126	#72357E
33.3%	33.3% #6D2C78	RGB 109 44 120	#6D2C78
50.0%	50.0% #692371	RGB 105 35 113	#692371
66.7%	66.7% #641A6B	RGB 100 26 107	#641A6B
83.3%	83.3% #5F1164	RGB 95 17 100	#5F1164
100.0%	100.0% #5B085E	RGB 91 8 94	#5B085E

#773F85 #72357E #6D2C78 #692371 #641A6B #5F1164 #5B085E

#773F85 - #5B085E

HSV Blend

#773F85 - #5B085E | 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 #773F85 as 0% and #5B085E as 100%.

0.0%	0.0% #773F85	RGB 119 63 133	#773F85
16.7%	16.7% #71337E	RGB 113 51 126	#71337E
33.3%	33.3% #6C2978	RGB 108 41 120	#6C2978
50.0%	50.0% #671F71	RGB 103 31 113	#671F71
66.7%	66.7% #63166B	RGB 99 22 107	#63166B
83.3%	83.3% #5F0F64	RGB 95 15 100	#5F0F64
100.0%	100.0% #5B085E	RGB 91 8 94	#5B085E

#773F85 #71337E #6C2978 #671F71 #63166B #5F0F64 #5B085E

#773F85 - #671F71 - #5B085E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #773F85 0%, #671F71 50%, #5B085E 100%);
    background: -webkit-linear-gradient(top, #773F85 0%, #671F71 50%, #5B085E 100%);
    background: linear-gradient(to bottom, #773F85 0%, #671F71 50%, #5B085E 100%);
}
</style>