#7B4EB6 - #320285 | 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 #7B4EB6 to #320285

#7B4EB6 #320285

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

#7B4EB6 - #320285 | 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 #7B4EB6 as 0% and #320285 as 100%.

0.0%	0.0% #7B4EB6	RGB 123 78 182	#7B4EB6
16.7%	16.7% #6E41AD	RGB 110 65 173	#6E41AD
33.3%	33.3% #6234A5	RGB 98 52 165	#6234A5
50.0%	50.0% #56289D	RGB 86 40 157	#56289D
66.7%	66.7% #4A1B95	RGB 74 27 149	#4A1B95
83.3%	83.3% #3E0E8D	RGB 62 14 141	#3E0E8D
100.0%	100.0% #320285	RGB 50 2 133	#320285

#7B4EB6 #6E41AD #6234A5 #56289D #4A1B95 #3E0E8D #320285

#7B4EB6 - #320285

HSV Blend

#7B4EB6 - #320285 | 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 #7B4EB6 as 0% and #320285 as 100%.

0.0%	0.0% #7B4EB6	RGB 123 78 182	#7B4EB6
16.7%	16.7% #6D3EAD	RGB 109 62 173	#6D3EAD
33.3%	33.3% #6030A5	RGB 96 48 165	#6030A5
50.0%	50.0% #53229D	RGB 83 34 157	#53229D
66.7%	66.7% #471695	RGB 71 22 149	#471695
83.3%	83.3% #3C0B8D	RGB 60 11 141	#3C0B8D
100.0%	100.0% #320285	RGB 50 2 133	#320285

#7B4EB6 #6D3EAD #6030A5 #53229D #471695 #3C0B8D #320285

#7B4EB6 - #53229D - #320285

CSS codes

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

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