#B8C6CC - #607F8C | 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 #B8C6CC to #607F8C

#B8C6CC #607F8C

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

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

0.0%	0.0% #B8C6CC	RGB 184 198 204	#B8C6CC
16.7%	16.7% #A9BAC1	RGB 169 186 193	#A9BAC1
33.3%	33.3% #9AAEB6	RGB 154 174 182	#9AAEB6
50.0%	50.0% #8CA2AC	RGB 140 162 172	#8CA2AC
66.7%	66.7% #7D96A1	RGB 125 150 161	#7D96A1
83.3%	83.3% #6E8A96	RGB 110 138 150	#6E8A96
100.0%	100.0% #607F8C	RGB 96 127 140	#607F8C

#B8C6CC #A9BAC1 #9AAEB6 #8CA2AC #7D96A1 #6E8A96 #607F8C

#B8C6CC - #607F8C

HSV Blend

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

0.0%	0.0% #B8C6CC	RGB 184 198 204	#B8C6CC
16.7%	16.7% #A7B9C1	RGB 167 185 193	#A7B9C1
33.3%	33.3% #97ADB6	RGB 151 173 182	#97ADB6
50.0%	50.0% #88A1AC	RGB 136 161 172	#88A1AC
66.7%	66.7% #7A95A1	RGB 122 149 161	#7A95A1
83.3%	83.3% #6C8A96	RGB 108 138 150	#6C8A96
100.0%	100.0% #607F8C	RGB 96 127 140	#607F8C

#B8C6CC #A7B9C1 #97ADB6 #88A1AC #7A95A1 #6C8A96 #607F8C

#B8C6CC - #88A1AC - #607F8C

CSS codes

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

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