#7C5EAB - #481B6E | 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 #7C5EAB to #481B6E

#7C5EAB #481B6E

Calculate the color between two colors, #7C5EAB and #481B6E. 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)

#7C5EAB - #481B6E | 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 #7C5EAB as 0% and #481B6E as 100%.

0.0%	0.0% #7C5EAB	RGB 124 94 171	#7C5EAB
16.7%	16.7% #7352A0	RGB 115 82 160	#7352A0
33.3%	33.3% #6A4796	RGB 106 71 150	#6A4796
50.0%	50.0% #623C8C	RGB 98 60 140	#623C8C
66.7%	66.7% #593182	RGB 89 49 130	#593182
83.3%	83.3% #502678	RGB 80 38 120	#502678
100.0%	100.0% #481B6E	RGB 72 27 110	#481B6E

#7C5EAB #7352A0 #6A4796 #623C8C #593182 #502678 #481B6E

#7C5EAB - #481B6E

HSV Blend

#7C5EAB - #481B6E | 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 #7C5EAB as 0% and #481B6E as 100%.

0.0%	0.0% #7B5EAB	RGB 123 94 171	#7B5EAB
16.7%	16.7% #7150A0	RGB 113 80 160	#7150A0
33.3%	33.3% #684396	RGB 104 67 150	#684396
50.0%	50.0% #5F378C	RGB 95 55 140	#5F378C
66.7%	66.7% #572D82	RGB 87 45 130	#572D82
83.3%	83.3% #4F2378	RGB 79 35 120	#4F2378
100.0%	100.0% #481B6E	RGB 72 27 110	#481B6E

#7B5EAB #7150A0 #684396 #5F378C #572D82 #4F2378 #481B6E

#7C5EAB - #5F378C - #481B6E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5EAB 0%, #5F378C 50%, #481B6E 100%);
    background: -webkit-linear-gradient(top, #7B5EAB 0%, #5F378C 50%, #481B6E 100%);
    background: linear-gradient(to bottom, #7B5EAB 0%, #5F378C 50%, #481B6E 100%);
}
</style>