#7B8B8C - #BD8CFF | 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 #7B8B8C to #BD8CFF

#7B8B8C #BD8CFF

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

#7B8B8C - #BD8CFF | 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 #7B8B8C as 0% and #BD8CFF as 100%.

0.0%	0.0% #7B8B8C	RGB 123 139 140	#7B8B8C
16.7%	16.7% #868B9F	RGB 134 139 159	#868B9F
33.3%	33.3% #918BB2	RGB 145 139 178	#918BB2
50.0%	50.0% #9C8BC5	RGB 156 139 197	#9C8BC5
66.7%	66.7% #A78BD8	RGB 167 139 216	#A78BD8
83.3%	83.3% #B28BEB	RGB 178 139 235	#B28BEB
100.0%	100.0% #BD8CFF	RGB 189 140 255	#BD8CFF

#7B8B8C #868B9F #918BB2 #9C8BC5 #A78BD8 #B28BEB #BD8CFF

#7B8B8C - #BD8CFF

HSV Blend

#7B8B8C - #BD8CFF | 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 #7B8B8C as 0% and #BD8CFF as 100%.

0.0%	0.0% #7B8B8C	RGB 123 139 140	#7B8B8C
16.7%	16.7% #83979F	RGB 131 151 159	#83979F
33.3%	33.3% #899DB2	RGB 137 157 178	#899DB2
50.0%	50.0% #8C9BC5	RGB 140 155 197	#8C9BC5
66.7%	66.7% #8E90D8	RGB 142 144 216	#8E90D8
83.3%	83.3% #A08EEB	RGB 160 142 235	#A08EEB
100.0%	100.0% #BD8CFF	RGB 189 140 255	#BD8CFF

#7B8B8C #83979F #899DB2 #8C9BC5 #8E90D8 #A08EEB #BD8CFF

#7B8B8C - #8C9BC5 - #BD8CFF

CSS codes

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

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