#7B7B9F - #C79EFA | 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 #7B7B9F to #C79EFA

#7B7B9F #C79EFA

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

#7B7B9F - #C79EFA | 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 #7B7B9F as 0% and #C79EFA as 100%.

0.0%	0.0% #7B7B9F	RGB 123 123 159	#7B7B9F
16.7%	16.7% #8780AE	RGB 135 128 174	#8780AE
33.3%	33.3% #9486BD	RGB 148 134 189	#9486BD
50.0%	50.0% #A18CCC	RGB 161 140 204	#A18CCC
66.7%	66.7% #AD92DB	RGB 173 146 219	#AD92DB
83.3%	83.3% #BA98EA	RGB 186 152 234	#BA98EA
100.0%	100.0% #C79EFA	RGB 199 158 250	#C79EFA

#7B7B9F #8780AE #9486BD #A18CCC #AD92DB #BA98EA #C79EFA

#7B7B9F - #C79EFA

HSV Blend

#7B7B9F - #C79EFA | 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 #7B7B9F as 0% and #C79EFA as 100%.

0.0%	0.0% #7B7B9F	RGB 123 123 159	#7B7B9F
16.7%	16.7% #8582AE	RGB 133 130 174	#8582AE
33.3%	33.3% #9189BD	RGB 145 137 189	#9189BD
50.0%	50.0% #9D8FCC	RGB 157 143 204	#9D8FCC
66.7%	66.7% #AA95DB	RGB 170 149 219	#AA95DB
83.3%	83.3% #B799EA	RGB 183 153 234	#B799EA
100.0%	100.0% #C79EFA	RGB 199 158 250	#C79EFA

#7B7B9F #8582AE #9189BD #9D8FCC #AA95DB #B799EA #C79EFA

#7B7B9F - #9D8FCC - #C79EFA

CSS codes

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

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