#B6B5B5 - #BEC4E2 | 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 #B6B5B5 to #BEC4E2

#B6B5B5 #BEC4E2

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

#B6B5B5 - #BEC4E2 | 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 #B6B5B5 as 0% and #BEC4E2 as 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #B7B7BC	RGB 183 183 188	#B7B7BC
33.3%	33.3% #B8BAC4	RGB 184 186 196	#B8BAC4
50.0%	50.0% #BABCCB	RGB 186 188 203	#BABCCB
66.7%	66.7% #BBBFD3	RGB 187 191 211	#BBBFD3
83.3%	83.3% #BCC1DA	RGB 188 193 218	#BCC1DA
100.0%	100.0% #BEC4E2	RGB 190 196 226	#BEC4E2

#B6B5B5 #B7B7BC #B8BAC4 #BABCCB #BBBFD3 #BCC1DA #BEC4E2

#B6B5B5 - #BEC4E2

HSV Blend

#B6B5B5 - #BEC4E2 | 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 #B6B5B5 as 0% and #BEC4E2 as 100%.

0.0%	0.0% #B6B5B5	RGB 182 181 181	#B6B5B5
16.7%	16.7% #BDB7B9	RGB 189 183 185	#BDB7B9
33.3%	33.3% #C4B9C1	RGB 196 185 193	#C4B9C1
50.0%	50.0% #CABBCC	RGB 202 187 204	#CABBCC
66.7%	66.7% #C9BCD3	RGB 201 188 211	#C9BCD3
83.3%	83.3% #C3BDDA	RGB 195 189 218	#C3BDDA
100.0%	100.0% #BEC4E2	RGB 190 196 226	#BEC4E2

#B6B5B5 #BDB7B9 #C4B9C1 #CABBCC #C9BCD3 #C3BDDA #BEC4E2

#B6B5B5 - #CABBCC - #BEC4E2

CSS codes

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

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