#B9C0C0 - #4F8888 | 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 #B9C0C0 to #4F8888

#B9C0C0 #4F8888

Calculate the color between two colors, #B9C0C0 and #4F8888. 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)

#B9C0C0 - #4F8888 | 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 #B9C0C0 as 0% and #4F8888 as 100%.

0.0%	0.0% #B9C0C0	RGB 185 192 192	#B9C0C0
16.7%	16.7% #A7B6B6	RGB 167 182 182	#A7B6B6
33.3%	33.3% #95ADAD	RGB 149 173 173	#95ADAD
50.0%	50.0% #84A4A4	RGB 132 164 164	#84A4A4
66.7%	66.7% #729A9A	RGB 114 154 154	#729A9A
83.3%	83.3% #609191	RGB 96 145 145	#609191
100.0%	100.0% #4F8888	RGB 79 136 136	#4F8888

#B9C0C0 #A7B6B6 #95ADAD #84A4A4 #729A9A #609191 #4F8888

#B9C0C0 - #4F8888

HSV Blend

#B9C0C0 - #4F8888 | 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 #B9C0C0 as 0% and #4F8888 as 100%.

0.0%	0.0% #B9C0C0	RGB 185 192 192	#B9C0C0
16.7%	16.7% #A4B6B6	RGB 164 182 182	#A4B6B6
33.3%	33.3% #90ADAD	RGB 144 173 173	#90ADAD
50.0%	50.0% #7EA4A4	RGB 126 164 164	#7EA4A4
66.7%	66.7% #6D9A9A	RGB 109 154 154	#6D9A9A
83.3%	83.3% #5D9191	RGB 93 145 145	#5D9191
100.0%	100.0% #4F8888	RGB 79 136 136	#4F8888

#B9C0C0 #A4B6B6 #90ADAD #7EA4A4 #6D9A9A #5D9191 #4F8888

#B9C0C0 - #7EA4A4 - #4F8888

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C0C0 0%, #7EA4A4 50%, #4F8888 100%);
    background: -webkit-linear-gradient(top, #B9C0C0 0%, #7EA4A4 50%, #4F8888 100%);
    background: linear-gradient(to bottom, #B9C0C0 0%, #7EA4A4 50%, #4F8888 100%);
}
</style>