#B8C9D9 - #607B9E | 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 #B8C9D9 to #607B9E

#B8C9D9 #607B9E

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

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

0.0%	0.0% #B8C9D9	RGB 184 201 217	#B8C9D9
16.7%	16.7% #A9BCCF	RGB 169 188 207	#A9BCCF
33.3%	33.3% #9AAFC5	RGB 154 175 197	#9AAFC5
50.0%	50.0% #8CA2BB	RGB 140 162 187	#8CA2BB
66.7%	66.7% #7D95B1	RGB 125 149 177	#7D95B1
83.3%	83.3% #6E88A7	RGB 110 136 167	#6E88A7
100.0%	100.0% #607B9E	RGB 96 123 158	#607B9E

#B8C9D9 #A9BCCF #9AAFC5 #8CA2BB #7D95B1 #6E88A7 #607B9E

#B8C9D9 - #607B9E

HSV Blend

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

0.0%	0.0% #B8C9D9	RGB 184 201 217	#B8C9D9
16.7%	16.7% #A7BBCF	RGB 167 187 207	#A7BBCF
33.3%	33.3% #97ADC5	RGB 151 173 197	#97ADC5
50.0%	50.0% #88A0BB	RGB 136 160 187	#88A0BB
66.7%	66.7% #7A93B1	RGB 122 147 177	#7A93B1
83.3%	83.3% #6C87A7	RGB 108 135 167	#6C87A7
100.0%	100.0% #607B9E	RGB 96 123 158	#607B9E

#B8C9D9 #A7BBCF #97ADC5 #88A0BB #7A93B1 #6C87A7 #607B9E

#B8C9D9 - #88A0BB - #607B9E

CSS codes

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

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