#B6B3E2 - #835DAC | 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 #B6B3E2 to #835DAC

#B6B3E2 #835DAC

Calculate the color between two colors, #B6B3E2 and #835DAC. 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)

#B6B3E2 - #835DAC | 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 #B6B3E2 as 0% and #835DAC as 100%.

0.0%	0.0% #B6B3E2	RGB 182 179 226	#B6B3E2
16.7%	16.7% #ADA4D9	RGB 173 164 217	#ADA4D9
33.3%	33.3% #A596D0	RGB 165 150 208	#A596D0
50.0%	50.0% #9C88C7	RGB 156 136 199	#9C88C7
66.7%	66.7% #9479BE	RGB 148 121 190	#9479BE
83.3%	83.3% #8B6BB5	RGB 139 107 181	#8B6BB5
100.0%	100.0% #835DAC	RGB 131 93 172	#835DAC

#B6B3E2 #ADA4D9 #A596D0 #9C88C7 #9479BE #8B6BB5 #835DAC

#B6B3E2 - #835DAC

HSV Blend

#B6B3E2 - #835DAC | 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 #B6B3E2 as 0% and #835DAC as 100%.

0.0%	0.0% #B6B3E2	RGB 182 179 226	#B6B3E2
16.7%	16.7% #AAA2D9	RGB 170 162 217	#AAA2D9
33.3%	33.3% #9F93D0	RGB 159 147 208	#9F93D0
50.0%	50.0% #9684C7	RGB 150 132 199	#9684C7
66.7%	66.7% #8F76BE	RGB 143 118 190	#8F76BE
83.3%	83.3% #8869B5	RGB 136 105 181	#8869B5
100.0%	100.0% #835DAC	RGB 131 93 172	#835DAC

#B6B3E2 #AAA2D9 #9F93D0 #9684C7 #8F76BE #8869B5 #835DAC

#B6B3E2 - #9684C7 - #835DAC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B3E2 0%, #9684C7 50%, #835DAC 100%);
    background: -webkit-linear-gradient(top, #B6B3E2 0%, #9684C7 50%, #835DAC 100%);
    background: linear-gradient(to bottom, #B6B3E2 0%, #9684C7 50%, #835DAC 100%);
}
</style>