#7E6BAD - #B5AEC2 | 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 #7E6BAD to #B5AEC2

#7E6BAD #B5AEC2

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

#7E6BAD - #B5AEC2 | 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 #7E6BAD as 0% and #B5AEC2 as 100%.

0.0%	0.0% #7E6BAD	RGB 126 107 173	#7E6BAD
16.7%	16.7% #8776B0	RGB 135 118 176	#8776B0
33.3%	33.3% #9081B4	RGB 144 129 180	#9081B4
50.0%	50.0% #998CB7	RGB 153 140 183	#998CB7
66.7%	66.7% #A297BB	RGB 162 151 187	#A297BB
83.3%	83.3% #ABA2BE	RGB 171 162 190	#ABA2BE
100.0%	100.0% #B5AEC2	RGB 181 174 194	#B5AEC2

#7E6BAD #8776B0 #9081B4 #998CB7 #A297BB #ABA2BE #B5AEC2

#7E6BAD - #B5AEC2

HSV Blend

#7E6BAD - #B5AEC2 | 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 #7E6BAD as 0% and #B5AEC2 as 100%.

0.0%	0.0% #7E6BAD	RGB 126 107 173	#7E6BAD
16.7%	16.7% #8675B0	RGB 134 117 176	#8675B0
33.3%	33.3% #9080B4	RGB 144 128 180	#9080B4
50.0%	50.0% #998BB7	RGB 153 139 183	#998BB7
66.7%	66.7% #A296BB	RGB 162 150 187	#A296BB
83.3%	83.3% #ABA2BE	RGB 171 162 190	#ABA2BE
100.0%	100.0% #B5AEC2	RGB 181 174 194	#B5AEC2

#7E6BAD #8675B0 #9080B4 #998BB7 #A296BB #ABA2BE #B5AEC2

#7E6BAD - #998BB7 - #B5AEC2

CSS codes

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

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