#B8C7CA - #5E899E | 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 #B8C7CA to #5E899E

#B8C7CA #5E899E

Calculate the color between two colors, #B8C7CA and #5E899E. 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)

#B8C7CA - #5E899E | 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 #B8C7CA as 0% and #5E899E as 100%.

0.0%	0.0% #B8C7CA	RGB 184 199 202	#B8C7CA
16.7%	16.7% #A9BCC2	RGB 169 188 194	#A9BCC2
33.3%	33.3% #9AB2BB	RGB 154 178 187	#9AB2BB
50.0%	50.0% #8BA8B4	RGB 139 168 180	#8BA8B4
66.7%	66.7% #7C9DAC	RGB 124 157 172	#7C9DAC
83.3%	83.3% #6D93A5	RGB 109 147 165	#6D93A5
100.0%	100.0% #5E899E	RGB 94 137 158	#5E899E

#B8C7CA #A9BCC2 #9AB2BB #8BA8B4 #7C9DAC #6D93A5 #5E899E

#B8C7CA - #5E899E

HSV Blend

#B8C7CA - #5E899E | 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 #B8C7CA as 0% and #5E899E as 100%.

0.0%	0.0% #B8C7CA	RGB 184 199 202	#B8C7CA
16.7%	16.7% #A7BDC2	RGB 167 189 194	#A7BDC2
33.3%	33.3% #96B3BB	RGB 150 179 187	#96B3BB
50.0%	50.0% #87A8B4	RGB 135 168 180	#87A8B4
66.7%	66.7% #789EAC	RGB 120 158 172	#789EAC
83.3%	83.3% #6B93A5	RGB 107 147 165	#6B93A5
100.0%	100.0% #5E899E	RGB 94 137 158	#5E899E

#B8C7CA #A7BDC2 #96B3BB #87A8B4 #789EAC #6B93A5 #5E899E

#B8C7CA - #87A8B4 - #5E899E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C7CA 0%, #87A8B4 50%, #5E899E 100%);
    background: -webkit-linear-gradient(top, #B8C7CA 0%, #87A8B4 50%, #5E899E 100%);
    background: linear-gradient(to bottom, #B8C7CA 0%, #87A8B4 50%, #5E899E 100%);
}
</style>