#BBC6CF - #617BA3 | 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 #BBC6CF to #617BA3

#BBC6CF #617BA3

Calculate the color between two colors, #BBC6CF and #617BA3. 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)

#BBC6CF - #617BA3 | 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 #BBC6CF as 0% and #617BA3 as 100%.

0.0%	0.0% #BBC6CF	RGB 187 198 207	#BBC6CF
16.7%	16.7% #ACB9C7	RGB 172 185 199	#ACB9C7
33.3%	33.3% #9DADC0	RGB 157 173 192	#9DADC0
50.0%	50.0% #8EA0B9	RGB 142 160 185	#8EA0B9
66.7%	66.7% #7F94B1	RGB 127 148 177	#7F94B1
83.3%	83.3% #7087AA	RGB 112 135 170	#7087AA
100.0%	100.0% #617BA3	RGB 97 123 163	#617BA3

#BBC6CF #ACB9C7 #9DADC0 #8EA0B9 #7F94B1 #7087AA #617BA3

#BBC6CF - #617BA3

HSV Blend

#BBC6CF - #617BA3 | 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 #BBC6CF as 0% and #617BA3 as 100%.

0.0%	0.0% #BBC6CF	RGB 187 198 207	#BBC6CF
16.7%	16.7% #AAB9C7	RGB 170 185 199	#AAB9C7
33.3%	33.3% #99ADC0	RGB 153 173 192	#99ADC0
50.0%	50.0% #8AA0B9	RGB 138 160 185	#8AA0B9
66.7%	66.7% #7B93B1	RGB 123 147 177	#7B93B1
83.3%	83.3% #6E87AA	RGB 110 135 170	#6E87AA
100.0%	100.0% #617BA3	RGB 97 123 163	#617BA3

#BBC6CF #AAB9C7 #99ADC0 #8AA0B9 #7B93B1 #6E87AA #617BA3

#BBC6CF - #8AA0B9 - #617BA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC6CF 0%, #8AA0B9 50%, #617BA3 100%);
    background: -webkit-linear-gradient(top, #BBC6CF 0%, #8AA0B9 50%, #617BA3 100%);
    background: linear-gradient(to bottom, #BBC6CF 0%, #8AA0B9 50%, #617BA3 100%);
}
</style>