#7E7A8C - #BD9AF8 | 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 #7E7A8C to #BD9AF8

#7E7A8C #BD9AF8

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

#7E7A8C - #BD9AF8 | 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 #7E7A8C as 0% and #BD9AF8 as 100%.

0.0%	0.0% #7E7A8C	RGB 126 122 140	#7E7A8C
16.7%	16.7% #887F9E	RGB 136 127 158	#887F9E
33.3%	33.3% #9384B0	RGB 147 132 176	#9384B0
50.0%	50.0% #9D8AC2	RGB 157 138 194	#9D8AC2
66.7%	66.7% #A88FD4	RGB 168 143 212	#A88FD4
83.3%	83.3% #B294E6	RGB 178 148 230	#B294E6
100.0%	100.0% #BD9AF8	RGB 189 154 248	#BD9AF8

#7E7A8C #887F9E #9384B0 #9D8AC2 #A88FD4 #B294E6 #BD9AF8

#7E7A8C - #BD9AF8

HSV Blend

#7E7A8C - #BD9AF8 | 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 #7E7A8C as 0% and #BD9AF8 as 100%.

0.0%	0.0% #7E7A8C	RGB 126 122 140	#7E7A8C
16.7%	16.7% #89839E	RGB 137 131 158	#89839E
33.3%	33.3% #948AB0	RGB 148 138 176	#948AB0
50.0%	50.0% #9F90C2	RGB 159 144 194	#9F90C2
66.7%	66.7% #A995D4	RGB 169 149 212	#A995D4
83.3%	83.3% #B398E6	RGB 179 152 230	#B398E6
100.0%	100.0% #BD9AF8	RGB 189 154 248	#BD9AF8

#7E7A8C #89839E #948AB0 #9F90C2 #A995D4 #B398E6 #BD9AF8

#7E7A8C - #9F90C2 - #BD9AF8

CSS codes

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

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