#B5B5B6 - #B4DAD2 | 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 #B5B5B6 to #B4DAD2

#B5B5B6 #B4DAD2

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

#B5B5B6 - #B4DAD2 | 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 #B5B5B6 as 0% and #B4DAD2 as 100%.

0.0%	0.0% #B5B5B6	RGB 181 181 182	#B5B5B6
16.7%	16.7% #B4BBBA	RGB 180 187 186	#B4BBBA
33.3%	33.3% #B4C1BF	RGB 180 193 191	#B4C1BF
50.0%	50.0% #B4C7C4	RGB 180 199 196	#B4C7C4
66.7%	66.7% #B4CDC8	RGB 180 205 200	#B4CDC8
83.3%	83.3% #B4D3CD	RGB 180 211 205	#B4D3CD
100.0%	100.0% #B4DAD2	RGB 180 218 210	#B4DAD2

#B5B5B6 #B4BBBA #B4C1BF #B4C7C4 #B4CDC8 #B4D3CD #B4DAD2

#B5B5B6 - #B4DAD2

HSV Blend

#B5B5B6 - #B4DAD2 | 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 #B5B5B6 as 0% and #B4DAD2 as 100%.

0.0%	0.0% #B5B5B6	RGB 181 181 182	#B5B5B6
16.7%	16.7% #B5B6BC	RGB 181 182 188	#B5B6BC
33.3%	33.3% #B6BAC2	RGB 182 186 194	#B6BAC2
50.0%	50.0% #B6C0C8	RGB 182 192 200	#B6C0C8
66.7%	66.7% #B5C9CE	RGB 181 201 206	#B5C9CE
83.3%	83.3% #B5D4D3	RGB 181 212 211	#B5D4D3
100.0%	100.0% #B4DAD2	RGB 180 218 210	#B4DAD2

#B5B5B6 #B5B6BC #B6BAC2 #B6C0C8 #B5C9CE #B5D4D3 #B4DAD2

#B5B5B6 - #B6C0C8 - #B4DAD2

CSS codes

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

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