#B6B5E6 - #6B51B8 | 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 #B6B5E6 to #6B51B8

#B6B5E6 #6B51B8

Calculate the color between two colors, #B6B5E6 and #6B51B8. 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)

#B6B5E6 - #6B51B8 | 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 #B6B5E6 as 0% and #6B51B8 as 100%.

0.0%	0.0% #B6B5E6	RGB 182 181 230	#B6B5E6
16.7%	16.7% #A9A4DE	RGB 169 164 222	#A9A4DE
33.3%	33.3% #9D93D6	RGB 157 147 214	#9D93D6
50.0%	50.0% #9083CF	RGB 144 131 207	#9083CF
66.7%	66.7% #8472C7	RGB 132 114 199	#8472C7
83.3%	83.3% #7761BF	RGB 119 97 191	#7761BF
100.0%	100.0% #6B51B8	RGB 107 81 184	#6B51B8

#B6B5E6 #A9A4DE #9D93D6 #9083CF #8472C7 #7761BF #6B51B8

#B6B5E6 - #6B51B8

HSV Blend

#B6B5E6 - #6B51B8 | 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 #B6B5E6 as 0% and #6B51B8 as 100%.

0.0%	0.0% #B6B5E6	RGB 182 181 230	#B6B5E6
16.7%	16.7% #A5A2DE	RGB 165 162 222	#A5A2DE
33.3%	33.3% #9790D6	RGB 151 144 214	#9790D6
50.0%	50.0% #897FCF	RGB 137 127 207	#897FCF
66.7%	66.7% #7E6EC7	RGB 126 110 199	#7E6EC7
83.3%	83.3% #745FBF	RGB 116 95 191	#745FBF
100.0%	100.0% #6B51B8	RGB 107 81 184	#6B51B8

#B6B5E6 #A5A2DE #9790D6 #897FCF #7E6EC7 #745FBF #6B51B8

#B6B5E6 - #897FCF - #6B51B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
    background: -webkit-linear-gradient(top, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
    background: linear-gradient(to bottom, #B6B5E6 0%, #897FCF 50%, #6B51B8 100%);
}
</style>