#7B5E7A - #C078F3 | 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 #7B5E7A to #C078F3

#7B5E7A #C078F3

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

#7B5E7A - #C078F3 | 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 #7B5E7A as 0% and #C078F3 as 100%.

0.0%	0.0% #7B5E7A	RGB 123 94 122	#7B5E7A
16.7%	16.7% #86628E	RGB 134 98 142	#86628E
33.3%	33.3% #9266A2	RGB 146 102 162	#9266A2
50.0%	50.0% #9D6BB6	RGB 157 107 182	#9D6BB6
66.7%	66.7% #A96FCA	RGB 169 111 202	#A96FCA
83.3%	83.3% #B473DE	RGB 180 115 222	#B473DE
100.0%	100.0% #C078F3	RGB 192 120 243	#C078F3

#7B5E7A #86628E #9266A2 #9D6BB6 #A96FCA #B473DE #C078F3

#7B5E7A - #C078F3

HSV Blend

#7B5E7A - #C078F3 | 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 #7B5E7A as 0% and #C078F3 as 100%.

0.0%	0.0% #7B5E7A	RGB 123 94 122	#7B5E7A
16.7%	16.7% #8D668F	RGB 141 102 143	#8D668F
33.3%	33.3% #9C6DA3	RGB 156 109 163	#9C6DA3
50.0%	50.0% #AA73B7	RGB 170 115 183	#AA73B7
66.7%	66.7% #B476CB	RGB 180 118 203	#B476CB
83.3%	83.3% #BC78DF	RGB 188 120 223	#BC78DF
100.0%	100.0% #C078F3	RGB 192 120 243	#C078F3

#7B5E7A #8D668F #9C6DA3 #AA73B7 #B476CB #BC78DF #C078F3

#7B5E7A - #AA73B7 - #C078F3

CSS codes

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

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