#7B5E95 - #361740 | 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 #7B5E95 to #361740

#7B5E95 #361740

Calculate the color between two colors, #7B5E95 and #361740. 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)

#7B5E95 - #361740 | 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 #7B5E95 as 0% and #361740 as 100%.

0.0%	0.0% #7B5E95	RGB 123 94 149	#7B5E95
16.7%	16.7% #6F5286	RGB 111 82 134	#6F5286
33.3%	33.3% #644678	RGB 100 70 120	#644678
50.0%	50.0% #583A6A	RGB 88 58 106	#583A6A
66.7%	66.7% #4D2E5C	RGB 77 46 92	#4D2E5C
83.3%	83.3% #41224E	RGB 65 34 78	#41224E
100.0%	100.0% #361740	RGB 54 23 64	#361740

#7B5E95 #6F5286 #644678 #583A6A #4D2E5C #41224E #361740

#7B5E95 - #361740

HSV Blend

#7B5E95 - #361740 | 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 #7B5E95 as 0% and #361740 as 100%.

0.0%	0.0% #7B5E95	RGB 123 94 149	#7B5E95
16.7%	16.7% #6E4E86	RGB 110 78 134	#6E4E86
33.3%	33.3% #624178	RGB 98 65 120	#624178
50.0%	50.0% #57346A	RGB 87 52 106	#57346A
66.7%	66.7% #4C295C	RGB 76 41 92	#4C295C
83.3%	83.3% #411F4E	RGB 65 31 78	#411F4E
100.0%	100.0% #361740	RGB 54 23 64	#361740

#7B5E95 #6E4E86 #624178 #57346A #4C295C #411F4E #361740

#7B5E95 - #57346A - #361740

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E95 0%, #57346A 50%, #361740 100%);
    background: -webkit-linear-gradient(top, #7B5E95 0%, #57346A 50%, #361740 100%);
    background: linear-gradient(to bottom, #7B5E95 0%, #57346A 50%, #361740 100%);
}
</style>