#BBC2D0 - #617591 | 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 #BBC2D0 to #617591

#BBC2D0 #617591

Calculate the color between two colors, #BBC2D0 and #617591. 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)

#BBC2D0 - #617591 | 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 #BBC2D0 as 0% and #617591 as 100%.

0.0%	0.0% #BBC2D0	RGB 187 194 208	#BBC2D0
16.7%	16.7% #ACB5C5	RGB 172 181 197	#ACB5C5
33.3%	33.3% #9DA8BB	RGB 157 168 187	#9DA8BB
50.0%	50.0% #8E9BB0	RGB 142 155 176	#8E9BB0
66.7%	66.7% #7F8EA6	RGB 127 142 166	#7F8EA6
83.3%	83.3% #70819B	RGB 112 129 155	#70819B
100.0%	100.0% #617591	RGB 97 117 145	#617591

#BBC2D0 #ACB5C5 #9DA8BB #8E9BB0 #7F8EA6 #70819B #617591

#BBC2D0 - #617591

HSV Blend

#BBC2D0 - #617591 | 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 #BBC2D0 as 0% and #617591 as 100%.

0.0%	0.0% #BBC2D0	RGB 187 194 208	#BBC2D0
16.7%	16.7% #A9B3C5	RGB 169 179 197	#A9B3C5
33.3%	33.3% #99A5BB	RGB 153 165 187	#99A5BB
50.0%	50.0% #8A98B0	RGB 138 152 176	#8A98B0
66.7%	66.7% #7B8CA6	RGB 123 140 166	#7B8CA6
83.3%	83.3% #6D809B	RGB 109 128 155	#6D809B
100.0%	100.0% #617591	RGB 97 117 145	#617591

#BBC2D0 #A9B3C5 #99A5BB #8A98B0 #7B8CA6 #6D809B #617591

#BBC2D0 - #8A98B0 - #617591

CSS codes

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

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