#B8C0CB - #60728B | 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 #B8C0CB to #60728B

#B8C0CB #60728B

Calculate the color between two colors, #B8C0CB and #60728B. 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)

#B8C0CB - #60728B | 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 #B8C0CB as 0% and #60728B as 100%.

0.0%	0.0% #B8C0CB	RGB 184 192 203	#B8C0CB
16.7%	16.7% #A9B3C0	RGB 169 179 192	#A9B3C0
33.3%	33.3% #9AA6B5	RGB 154 166 181	#9AA6B5
50.0%	50.0% #8C99AB	RGB 140 153 171	#8C99AB
66.7%	66.7% #7D8CA0	RGB 125 140 160	#7D8CA0
83.3%	83.3% #6E7F95	RGB 110 127 149	#6E7F95
100.0%	100.0% #60728B	RGB 96 114 139	#60728B

#B8C0CB #A9B3C0 #9AA6B5 #8C99AB #7D8CA0 #6E7F95 #60728B

#B8C0CB - #60728B

HSV Blend

#B8C0CB - #60728B | 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 #B8C0CB as 0% and #60728B as 100%.

0.0%	0.0% #B8C0CB	RGB 184 192 203	#B8C0CB
16.7%	16.7% #A7B1C0	RGB 167 177 192	#A7B1C0
33.3%	33.3% #97A4B5	RGB 151 164 181	#97A4B5
50.0%	50.0% #8897AB	RGB 136 151 171	#8897AB
66.7%	66.7% #7A8AA0	RGB 122 138 160	#7A8AA0
83.3%	83.3% #6C7D95	RGB 108 125 149	#6C7D95
100.0%	100.0% #60728B	RGB 96 114 139	#60728B

#B8C0CB #A7B1C0 #97A4B5 #8897AB #7A8AA0 #6C7D95 #60728B

#B8C0CB - #8897AB - #60728B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C0CB 0%, #8897AB 50%, #60728B 100%);
    background: -webkit-linear-gradient(top, #B8C0CB 0%, #8897AB 50%, #60728B 100%);
    background: linear-gradient(to bottom, #B8C0CB 0%, #8897AB 50%, #60728B 100%);
}
</style>