#BBCBCF - #6B7B91 | 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 #BBCBCF to #6B7B91

#BBCBCF #6B7B91

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

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

0.0%	0.0% #BBCBCF	RGB 187 203 207	#BBCBCF
16.7%	16.7% #ADBDC4	RGB 173 189 196	#ADBDC4
33.3%	33.3% #A0B0BA	RGB 160 176 186	#A0B0BA
50.0%	50.0% #93A3B0	RGB 147 163 176	#93A3B0
66.7%	66.7% #8595A5	RGB 133 149 165	#8595A5
83.3%	83.3% #78889B	RGB 120 136 155	#78889B
100.0%	100.0% #6B7B91	RGB 107 123 145	#6B7B91

#BBCBCF #ADBDC4 #A0B0BA #93A3B0 #8595A5 #78889B #6B7B91

#BBCBCF - #6B7B91

HSV Blend

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

0.0%	0.0% #BBCBCF	RGB 187 203 207	#BBCBCF
16.7%	16.7% #ACBEC4	RGB 172 190 196	#ACBEC4
33.3%	33.3% #9EB1BA	RGB 158 177 186	#9EB1BA
50.0%	50.0% #90A3B0	RGB 144 163 176	#90A3B0
66.7%	66.7% #8396A5	RGB 131 150 165	#8396A5
83.3%	83.3% #76889B	RGB 118 136 155	#76889B
100.0%	100.0% #6B7B91	RGB 107 123 145	#6B7B91

#BBCBCF #ACBEC4 #9EB1BA #90A3B0 #8396A5 #76889B #6B7B91

#BBCBCF - #90A3B0 - #6B7B91

CSS codes

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

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