#7B5EAB - #3C1F65 | 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 #7B5EAB to #3C1F65

#7B5EAB #3C1F65

Calculate the color between two colors, #7B5EAB and #3C1F65. 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)

#7B5EAB - #3C1F65 | 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 #7B5EAB as 0% and #3C1F65 as 100%.

0.0%	0.0% #7B5EAB	RGB 123 94 171	#7B5EAB
16.7%	16.7% #70539F	RGB 112 83 159	#70539F
33.3%	33.3% #664993	RGB 102 73 147	#664993
50.0%	50.0% #5B3E88	RGB 91 62 136	#5B3E88
66.7%	66.7% #51347C	RGB 81 52 124	#51347C
83.3%	83.3% #462970	RGB 70 41 112	#462970
100.0%	100.0% #3C1F65	RGB 60 31 101	#3C1F65

#7B5EAB #70539F #664993 #5B3E88 #51347C #462970 #3C1F65

#7B5EAB - #3C1F65

HSV Blend

#7B5EAB - #3C1F65 | 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 #7B5EAB as 0% and #3C1F65 as 100%.

0.0%	0.0% #7B5EAB	RGB 123 94 171	#7B5EAB
16.7%	16.7% #6F519F	RGB 111 81 159	#6F519F
33.3%	33.3% #634593	RGB 99 69 147	#634593
50.0%	50.0% #583A88	RGB 88 58 136	#583A88
66.7%	66.7% #4E307C	RGB 78 48 124	#4E307C
83.3%	83.3% #452770	RGB 69 39 112	#452770
100.0%	100.0% #3C1F65	RGB 60 31 101	#3C1F65

#7B5EAB #6F519F #634593 #583A88 #4E307C #452770 #3C1F65

#7B5EAB - #583A88 - #3C1F65

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5EAB 0%, #583A88 50%, #3C1F65 100%);
    background: -webkit-linear-gradient(top, #7B5EAB 0%, #583A88 50%, #3C1F65 100%);
    background: linear-gradient(to bottom, #7B5EAB 0%, #583A88 50%, #3C1F65 100%);
}
</style>