#BBC1D1 - #607492 | 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 #BBC1D1 to #607492

#BBC1D1 #607492

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

#BBC1D1 - #607492 | 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 #BBC1D1 as 0% and #607492 as 100%.

0.0%	0.0% #BBC1D1	RGB 187 193 209	#BBC1D1
16.7%	16.7% #ABB4C6	RGB 171 180 198	#ABB4C6
33.3%	33.3% #9CA7BC	RGB 156 167 188	#9CA7BC
50.0%	50.0% #8D9AB1	RGB 141 154 177	#8D9AB1
66.7%	66.7% #7E8DA7	RGB 126 141 167	#7E8DA7
83.3%	83.3% #6F809C	RGB 111 128 156	#6F809C
100.0%	100.0% #607492	RGB 96 116 146	#607492

#BBC1D1 #ABB4C6 #9CA7BC #8D9AB1 #7E8DA7 #6F809C #607492

#BBC1D1 - #607492

HSV Blend

#BBC1D1 - #607492 | 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 #BBC1D1 as 0% and #607492 as 100%.

0.0%	0.0% #BBC1D1	RGB 187 193 209	#BBC1D1
16.7%	16.7% #A9B2C6	RGB 169 178 198	#A9B2C6
33.3%	33.3% #99A4BC	RGB 153 164 188	#99A4BC
50.0%	50.0% #8997B1	RGB 137 151 177	#8997B1
66.7%	66.7% #7B8AA7	RGB 123 138 167	#7B8AA7
83.3%	83.3% #6D7F9C	RGB 109 127 156	#6D7F9C
100.0%	100.0% #607492	RGB 96 116 146	#607492

#BBC1D1 #A9B2C6 #99A4BC #8997B1 #7B8AA7 #6D7F9C #607492

#BBC1D1 - #8997B1 - #607492

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BBC1D1 0%, #8997B1 50%, #607492 100%);
    background: -webkit-linear-gradient(top, #BBC1D1 0%, #8997B1 50%, #607492 100%);
    background: linear-gradient(to bottom, #BBC1D1 0%, #8997B1 50%, #607492 100%);
}
</style>