#7B4C92 - #2F0D3C | 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 #7B4C92 to #2F0D3C

#7B4C92 #2F0D3C

Calculate the color between two colors, #7B4C92 and #2F0D3C. 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)

#7B4C92 - #2F0D3C | 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 #7B4C92 as 0% and #2F0D3C as 100%.

0.0%	0.0% #7B4C92	RGB 123 76 146	#7B4C92
16.7%	16.7% #6E4183	RGB 110 65 131	#6E4183
33.3%	33.3% #613775	RGB 97 55 117	#613775
50.0%	50.0% #552C67	RGB 85 44 103	#552C67
66.7%	66.7% #482258	RGB 72 34 88	#482258
83.3%	83.3% #3B174A	RGB 59 23 74	#3B174A
100.0%	100.0% #2F0D3C	RGB 47 13 60	#2F0D3C

#7B4C92 #6E4183 #613775 #552C67 #482258 #3B174A #2F0D3C

#7B4C92 - #2F0D3C

HSV Blend

#7B4C92 - #2F0D3C | 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 #7B4C92 as 0% and #2F0D3C as 100%.

0.0%	0.0% #7B4C92	RGB 123 76 146	#7B4C92
16.7%	16.7% #6D3D83	RGB 109 61 131	#6D3D83
33.3%	33.3% #603175	RGB 96 49 117	#603175
50.0%	50.0% #532567	RGB 83 37 103	#532567
66.7%	66.7% #461C58	RGB 70 28 88	#461C58
83.3%	83.3% #3A134A	RGB 58 19 74	#3A134A
100.0%	100.0% #2F0D3C	RGB 47 13 60	#2F0D3C

#7B4C92 #6D3D83 #603175 #532567 #461C58 #3A134A #2F0D3C

#7B4C92 - #532567 - #2F0D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B4C92 0%, #532567 50%, #2F0D3C 100%);
    background: -webkit-linear-gradient(top, #7B4C92 0%, #532567 50%, #2F0D3C 100%);
    background: linear-gradient(to bottom, #7B4C92 0%, #532567 50%, #2F0D3C 100%);
}
</style>