#7B5E86 - #321C35 | 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 #7B5E86 to #321C35

#7B5E86 #321C35

Calculate the color between two colors, #7B5E86 and #321C35. 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)

#7B5E86 - #321C35 | 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 #7B5E86 as 0% and #321C35 as 100%.

0.0%	0.0% #7B5E86	RGB 123 94 134	#7B5E86
16.7%	16.7% #6E5378	RGB 110 83 120	#6E5378
33.3%	33.3% #62486B	RGB 98 72 107	#62486B
50.0%	50.0% #563D5D	RGB 86 61 93	#563D5D
66.7%	66.7% #4A3250	RGB 74 50 80	#4A3250
83.3%	83.3% #3E2742	RGB 62 39 66	#3E2742
100.0%	100.0% #321C35	RGB 50 28 53	#321C35

#7B5E86 #6E5378 #62486B #563D5D #4A3250 #3E2742 #321C35

#7B5E86 - #321C35

HSV Blend

#7B5E86 - #321C35 | 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 #7B5E86 as 0% and #321C35 as 100%.

0.0%	0.0% #7B5E86	RGB 123 94 134	#7B5E86
16.7%	16.7% #6E5178	RGB 110 81 120	#6E5178
33.3%	33.3% #62446B	RGB 98 68 107	#62446B
50.0%	50.0% #56395D	RGB 86 57 93	#56395D
66.7%	66.7% #4A2E50	RGB 74 46 80	#4A2E50
83.3%	83.3% #3E2542	RGB 62 37 66	#3E2542
100.0%	100.0% #321C35	RGB 50 28 53	#321C35

#7B5E86 #6E5178 #62446B #56395D #4A2E50 #3E2542 #321C35

#7B5E86 - #56395D - #321C35

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E86 0%, #56395D 50%, #321C35 100%);
    background: -webkit-linear-gradient(top, #7B5E86 0%, #56395D 50%, #321C35 100%);
    background: linear-gradient(to bottom, #7B5E86 0%, #56395D 50%, #321C35 100%);
}
</style>