#B7B5AF - #C2CCE2 | 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 #B7B5AF to #C2CCE2

#B7B5AF #C2CCE2

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

#B7B5AF - #C2CCE2 | 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 #B7B5AF as 0% and #C2CCE2 as 100%.

0.0%	0.0% #B7B5AF	RGB 183 181 175	#B7B5AF
16.7%	16.7% #B8B8B7	RGB 184 184 183	#B8B8B7
33.3%	33.3% #BABCC0	RGB 186 188 192	#BABCC0
50.0%	50.0% #BCC0C8	RGB 188 192 200	#BCC0C8
66.7%	66.7% #BEC4D1	RGB 190 196 209	#BEC4D1
83.3%	83.3% #C0C8D9	RGB 192 200 217	#C0C8D9
100.0%	100.0% #C2CCE2	RGB 194 204 226	#C2CCE2

#B7B5AF #B8B8B7 #BABCC0 #BCC0C8 #BEC4D1 #C0C8D9 #C2CCE2

#B7B5AF - #C2CCE2

HSV Blend

#B7B5AF - #C2CCE2 | 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 #B7B5AF as 0% and #C2CCE2 as 100%.

0.0%	0.0% #B7B5AF	RGB 183 181 175	#B7B5AF
16.7%	16.7% #BBBEB2	RGB 187 190 178	#BBBEB2
33.3%	33.3% #BAC5B6	RGB 186 197 182	#BAC5B6
50.0%	50.0% #B9CCBD	RGB 185 204 189	#B9CCBD
66.7%	66.7% #BCD3CC	RGB 188 211 204	#BCD3CC
83.3%	83.3% #BFD5DA	RGB 191 213 218	#BFD5DA
100.0%	100.0% #C2CCE2	RGB 194 204 226	#C2CCE2

#B7B5AF #BBBEB2 #BAC5B6 #B9CCBD #BCD3CC #BFD5DA #C2CCE2

#B7B5AF - #B9CCBD - #C2CCE2

CSS codes

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

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