#6B6B6B - #BA95E7 | 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 #6B6B6B to #BA95E7

#6B6B6B #BA95E7

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

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

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #78727F	RGB 120 114 127	#78727F
33.3%	33.3% #857994	RGB 133 121 148	#857994
50.0%	50.0% #9280A9	RGB 146 128 169	#9280A9
66.7%	66.7% #9F87BD	RGB 159 135 189	#9F87BD
83.3%	83.3% #AC8ED2	RGB 172 142 210	#AC8ED2
100.0%	100.0% #BA95E7	RGB 186 149 231	#BA95E7

#6B6B6B #78727F #857994 #9280A9 #9F87BD #AC8ED2 #BA95E7

#6B6B6B - #BA95E7

HSV Blend

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

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #7F787A	RGB 127 120 122	#7F787A
33.3%	33.3% #94828B	RGB 148 130 139	#94828B
50.0%	50.0% #A98BA2	RGB 169 139 162	#A98BA2
66.7%	66.7% #BC90BD	RGB 188 144 189	#BC90BD
83.3%	83.3% #C094D2	RGB 192 148 210	#C094D2
100.0%	100.0% #BA95E7	RGB 186 149 231	#BA95E7

#6B6B6B #7F787A #94828B #A98BA2 #BC90BD #C094D2 #BA95E7

#6B6B6B - #A98BA2 - #BA95E7

CSS codes

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

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