#BBC2D1 - #617592 | 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 #BBC2D1 to #617592

#BBC2D1 #617592

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

#BBC2D1 - #617592 | 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 #BBC2D1 as 0% and #617592 as 100%.

0.0%	0.0% #BBC2D1	RGB 187 194 209	#BBC2D1
16.7%	16.7% #ACB5C6	RGB 172 181 198	#ACB5C6
33.3%	33.3% #9DA8BC	RGB 157 168 188	#9DA8BC
50.0%	50.0% #8E9BB1	RGB 142 155 177	#8E9BB1
66.7%	66.7% #7F8EA7	RGB 127 142 167	#7F8EA7
83.3%	83.3% #70819C	RGB 112 129 156	#70819C
100.0%	100.0% #617592	RGB 97 117 146	#617592

#BBC2D1 #ACB5C6 #9DA8BC #8E9BB1 #7F8EA7 #70819C #617592

#BBC2D1 - #617592

HSV Blend

#BBC2D1 - #617592 | 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 #BBC2D1 as 0% and #617592 as 100%.

0.0%	0.0% #BBC2D1	RGB 187 194 209	#BBC2D1
16.7%	16.7% #A9B3C6	RGB 169 179 198	#A9B3C6
33.3%	33.3% #99A5BC	RGB 153 165 188	#99A5BC
50.0%	50.0% #8A98B1	RGB 138 152 177	#8A98B1
66.7%	66.7% #7B8CA7	RGB 123 140 167	#7B8CA7
83.3%	83.3% #6D809C	RGB 109 128 156	#6D809C
100.0%	100.0% #617592	RGB 97 117 146	#617592

#BBC2D1 #A9B3C6 #99A5BC #8A98B1 #7B8CA7 #6D809C #617592

#BBC2D1 - #8A98B1 - #617592

CSS codes

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

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