#B9C9DC - #607BA2 | 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 #B9C9DC to #607BA2

#B9C9DC #607BA2

Calculate the color between two colors, #B9C9DC and #607BA2. 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)

#B9C9DC - #607BA2 | 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 #B9C9DC as 0% and #607BA2 as 100%.

0.0%	0.0% #B9C9DC	RGB 185 201 220	#B9C9DC
16.7%	16.7% #AABCD2	RGB 170 188 210	#AABCD2
33.3%	33.3% #9BAFC8	RGB 155 175 200	#9BAFC8
50.0%	50.0% #8CA2BF	RGB 140 162 191	#8CA2BF
66.7%	66.7% #7D95B5	RGB 125 149 181	#7D95B5
83.3%	83.3% #6E88AB	RGB 110 136 171	#6E88AB
100.0%	100.0% #607BA2	RGB 96 123 162	#607BA2

#B9C9DC #AABCD2 #9BAFC8 #8CA2BF #7D95B5 #6E88AB #607BA2

#B9C9DC - #607BA2

HSV Blend

#B9C9DC - #607BA2 | 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 #B9C9DC as 0% and #607BA2 as 100%.

0.0%	0.0% #B9C9DC	RGB 185 201 220	#B9C9DC
16.7%	16.7% #A8BBD2	RGB 168 187 210	#A8BBD2
33.3%	33.3% #98ADC8	RGB 152 173 200	#98ADC8
50.0%	50.0% #88A0BF	RGB 136 160 191	#88A0BF
66.7%	66.7% #7A93B5	RGB 122 147 181	#7A93B5
83.3%	83.3% #6C87AB	RGB 108 135 171	#6C87AB
100.0%	100.0% #607BA2	RGB 96 123 162	#607BA2

#B9C9DC #A8BBD2 #98ADC8 #88A0BF #7A93B5 #6C87AB #607BA2

#B9C9DC - #88A0BF - #607BA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C9DC 0%, #88A0BF 50%, #607BA2 100%);
    background: -webkit-linear-gradient(top, #B9C9DC 0%, #88A0BF 50%, #607BA2 100%);
    background: linear-gradient(to bottom, #B9C9DC 0%, #88A0BF 50%, #607BA2 100%);
}
</style>