#6B7BAD - #BBBBC1 | 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 #6B7BAD to #BBBBC1

#6B7BAD #BBBBC1

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

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

0.0%	0.0% #6B7BAD	RGB 107 123 173	#6B7BAD
16.7%	16.7% #7885B0	RGB 120 133 176	#7885B0
33.3%	33.3% #8590B3	RGB 133 144 179	#8590B3
50.0%	50.0% #939BB7	RGB 147 155 183	#939BB7
66.7%	66.7% #A0A5BA	RGB 160 165 186	#A0A5BA
83.3%	83.3% #ADB0BD	RGB 173 176 189	#ADB0BD
100.0%	100.0% #BBBBC1	RGB 187 187 193	#BBBBC1

#6B7BAD #7885B0 #8590B3 #939BB7 #A0A5BA #ADB0BD #BBBBC1

#6B7BAD - #BBBBC1

HSV Blend

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

0.0%	0.0% #6B7BAD	RGB 107 123 173	#6B7BAD
16.7%	16.7% #7782B0	RGB 119 130 176	#7782B0
33.3%	33.3% #848BB3	RGB 132 139 179	#848BB3
50.0%	50.0% #9195B7	RGB 145 149 183	#9195B7
66.7%	66.7% #9EA1BA	RGB 158 161 186	#9EA1BA
83.3%	83.3% #ACADBD	RGB 172 173 189	#ACADBD
100.0%	100.0% #BBBBC1	RGB 187 187 193	#BBBBC1

#6B7BAD #7782B0 #848BB3 #9195B7 #9EA1BA #ACADBD #BBBBC1

#6B7BAD - #9195B7 - #BBBBC1

CSS codes

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

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