#B5AFAF - #C6B2D9 | 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 #B5AFAF to #C6B2D9

#B5AFAF #C6B2D9

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

#B5AFAF - #C6B2D9 | 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 #B5AFAF as 0% and #C6B2D9 as 100%.

0.0%	0.0% #B5AFAF	RGB 181 175 175	#B5AFAF
16.7%	16.7% #B7AFB6	RGB 183 175 182	#B7AFB6
33.3%	33.3% #BAB0BD	RGB 186 176 189	#BAB0BD
50.0%	50.0% #BDB0C4	RGB 189 176 196	#BDB0C4
66.7%	66.7% #C0B1CB	RGB 192 177 203	#C0B1CB
83.3%	83.3% #C3B1D2	RGB 195 177 210	#C3B1D2
100.0%	100.0% #C6B2D9	RGB 198 178 217	#C6B2D9

#B5AFAF #B7AFB6 #BAB0BD #BDB0C4 #C0B1CB #C3B1D2 #C6B2D9

#B5AFAF - #C6B2D9

HSV Blend

#B5AFAF - #C6B2D9 | 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 #B5AFAF as 0% and #C6B2D9 as 100%.

0.0%	0.0% #B5AFAF	RGB 181 175 175	#B5AFAF
16.7%	16.7% #BBB0B2	RGB 187 176 178	#BBB0B2
33.3%	33.3% #C1B1B9	RGB 193 177 185	#C1B1B9
50.0%	50.0% #C7B1C1	RGB 199 177 193	#C7B1C1
66.7%	66.7% #CDB2CC	RGB 205 178 204	#CDB2CC
83.3%	83.3% #CBB2D3	RGB 203 178 211	#CBB2D3
100.0%	100.0% #C6B2D9	RGB 198 178 217	#C6B2D9

#B5AFAF #BBB0B2 #C1B1B9 #C7B1C1 #CDB2CC #CBB2D3 #C6B2D9

#B5AFAF - #C7B1C1 - #C6B2D9

CSS codes

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

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