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

#B6C2C0 #4F8888

Calculate the color between two colors, #B6C2C0 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)

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

0.0%	0.0% #B6C2C0	RGB 182 194 192	#B6C2C0
16.7%	16.7% #A4B8B6	RGB 164 184 182	#A4B8B6
33.3%	33.3% #93AEAD	RGB 147 174 173	#93AEAD
50.0%	50.0% #82A5A4	RGB 130 165 164	#82A5A4
66.7%	66.7% #719B9A	RGB 113 155 154	#719B9A
83.3%	83.3% #609191	RGB 96 145 145	#609191
100.0%	100.0% #4F8888	RGB 79 136 136	#4F8888

#B6C2C0 #A4B8B6 #93AEAD #82A5A4 #719B9A #609191 #4F8888

#B6C2C0 - #4F8888

HSV Blend

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

0.0%	0.0% #B6C2C0	RGB 182 194 192	#B6C2C0
16.7%	16.7% #A1B8B5	RGB 161 184 181	#A1B8B5
33.3%	33.3% #8FAEAB	RGB 143 174 171	#8FAEAB
50.0%	50.0% #7DA5A1	RGB 125 165 161	#7DA5A1
66.7%	66.7% #6C9B98	RGB 108 155 152	#6C9B98
83.3%	83.3% #5D9190	RGB 93 145 144	#5D9190
100.0%	100.0% #4F8888	RGB 79 136 136	#4F8888

#B6C2C0 #A1B8B5 #8FAEAB #7DA5A1 #6C9B98 #5D9190 #4F8888

#B6C2C0 - #7DA5A1 - #4F8888

CSS codes

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

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