#B1B5AC - #CEC3E4 | 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 #B1B5AC to #CEC3E4

#B1B5AC #CEC3E4

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

#B1B5AC - #CEC3E4 | 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 #B1B5AC as 0% and #CEC3E4 as 100%.

0.0%	0.0% #B1B5AC	RGB 177 181 172	#B1B5AC
16.7%	16.7% #B5B7B5	RGB 181 183 181	#B5B7B5
33.3%	33.3% #BAB9BE	RGB 186 185 190	#BAB9BE
50.0%	50.0% #BFBCC8	RGB 191 188 200	#BFBCC8
66.7%	66.7% #C4BED1	RGB 196 190 209	#C4BED1
83.3%	83.3% #C9C0DA	RGB 201 192 218	#C9C0DA
100.0%	100.0% #CEC3E4	RGB 206 195 228	#CEC3E4

#B1B5AC #B5B7B5 #BAB9BE #BFBCC8 #C4BED1 #C9C0DA #CEC3E4

#B1B5AC - #CEC3E4

HSV Blend

#B1B5AC - #CEC3E4 | 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 #B1B5AC as 0% and #CEC3E4 as 100%.

0.0%	0.0% #B1B5AC	RGB 177 181 172	#B1B5AC
16.7%	16.7% #B1BCB0	RGB 177 188 176	#B1BCB0
33.3%	33.3% #B4C4BB	RGB 180 196 187	#B4C4BB
50.0%	50.0% #B8CCCA	RGB 184 204 202	#B8CCCA
66.7%	66.7% #BCCBD4	RGB 188 203 212	#BCCBD4
83.3%	83.3% #BFC3DC	RGB 191 195 220	#BFC3DC
100.0%	100.0% #CEC3E4	RGB 206 195 228	#CEC3E4

#B1B5AC #B1BCB0 #B4C4BB #B8CCCA #BCCBD4 #BFC3DC #CEC3E4

#B1B5AC - #B8CCCA - #CEC3E4

CSS codes

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

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