#BBC3C4 - #6E7082 | 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 #BBC3C4 to #6E7082

#BBC3C4 #6E7082

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

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

0.0%	0.0% #BBC3C4	RGB 187 195 196	#BBC3C4
16.7%	16.7% #AEB5B9	RGB 174 181 185	#AEB5B9
33.3%	33.3% #A1A7AE	RGB 161 167 174	#A1A7AE
50.0%	50.0% #9499A3	RGB 148 153 163	#9499A3
66.7%	66.7% #878B98	RGB 135 139 152	#878B98
83.3%	83.3% #7A7D8D	RGB 122 125 141	#7A7D8D
100.0%	100.0% #6E7082	RGB 110 112 130	#6E7082

#BBC3C4 #AEB5B9 #A1A7AE #9499A3 #878B98 #7A7D8D #6E7082

#BBC3C4 - #6E7082

HSV Blend

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

0.0%	0.0% #BBC3C4	RGB 187 195 196	#BBC3C4
16.7%	16.7% #ADB6B9	RGB 173 182 185	#ADB6B9
33.3%	33.3% #9FA8AE	RGB 159 168 174	#9FA8AE
50.0%	50.0% #929AA3	RGB 146 154 163	#929AA3
66.7%	66.7% #868C98	RGB 134 140 152	#868C98
83.3%	83.3% #797E8D	RGB 121 126 141	#797E8D
100.0%	100.0% #6E7082	RGB 110 112 130	#6E7082

#BBC3C4 #ADB6B9 #9FA8AE #929AA3 #868C98 #797E8D #6E7082

#BBC3C4 - #929AA3 - #6E7082

CSS codes

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

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