#B2B0A2 - #B2FCFF | 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 #B2B0A2 to #B2FCFF

#B2B0A2 #B2FCFF

Calculate the color between two colors, #B2B0A2 and #B2FCFF. 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)

#B2B0A2 - #B2FCFF | 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 #B2B0A2 as 0% and #B2FCFF as 100%.

0.0%	0.0% #B2B0A2	RGB 178 176 162	#B2B0A2
16.7%	16.7% #B2BCB1	RGB 178 188 177	#B2BCB1
33.3%	33.3% #B2C9C1	RGB 178 201 193	#B2C9C1
50.0%	50.0% #B2D6D0	RGB 178 214 208	#B2D6D0
66.7%	66.7% #B2E2E0	RGB 178 226 224	#B2E2E0
83.3%	83.3% #B2EFEF	RGB 178 239 239	#B2EFEF
100.0%	100.0% #B2FCFF	RGB 178 252 255	#B2FCFF

#B2B0A2 #B2BCB1 #B2C9C1 #B2D6D0 #B2E2E0 #B2EFEF #B2FCFF

#B2B0A2 - #B2FCFF

HSV Blend

#B2B0A2 - #B2FCFF | 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 #B2B0A2 as 0% and #B2FCFF as 100%.

0.0%	0.0% #B2B0A2	RGB 178 176 162	#B2B0A2
16.7%	16.7% #B9BEA6	RGB 185 190 166	#B9BEA6
33.3%	33.3% #B8CBAA	RGB 184 203 170	#B8CBAA
50.0%	50.0% #AFD8AE	RGB 175 216 174	#AFD8AE
66.7%	66.7% #B0E5C1	RGB 176 229 193	#B0E5C1
83.3%	83.3% #B1F2DD	RGB 177 242 221	#B1F2DD
100.0%	100.0% #B2FCFF	RGB 178 252 255	#B2FCFF

#B2B0A2 #B9BEA6 #B8CBAA #AFD8AE #B0E5C1 #B1F2DD #B2FCFF

#B2B0A2 - #AFD8AE - #B2FCFF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2B0A2 0%, #AFD8AE 50%, #B2FCFF 100%);
    background: -webkit-linear-gradient(top, #B2B0A2 0%, #AFD8AE 50%, #B2FCFF 100%);
    background: linear-gradient(to bottom, #B2B0A2 0%, #AFD8AE 50%, #B2FCFF 100%);
}
</style>