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

#B5ADAD #C6B2D9

Calculate the color between two colors, #B5ADAD 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)

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

0.0%	0.0% #B5ADAD	RGB 181 173 173	#B5ADAD
16.7%	16.7% #B7ADB4	RGB 183 173 180	#B7ADB4
33.3%	33.3% #BAAEBB	RGB 186 174 187	#BAAEBB
50.0%	50.0% #BDAFC3	RGB 189 175 195	#BDAFC3
66.7%	66.7% #C0B0CA	RGB 192 176 202	#C0B0CA
83.3%	83.3% #C3B1D1	RGB 195 177 209	#C3B1D1
100.0%	100.0% #C6B2D9	RGB 198 178 217	#C6B2D9

#B5ADAD #B7ADB4 #BAAEBB #BDAFC3 #C0B0CA #C3B1D1 #C6B2D9

#B5ADAD - #C6B2D9

HSV Blend

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

0.0%	0.0% #B5ADAD	RGB 181 173 173	#B5ADAD
16.7%	16.7% #BBAEB1	RGB 187 174 177	#BBAEB1
33.3%	33.3% #C1AFB8	RGB 193 175 184	#C1AFB8
50.0%	50.0% #C7B0C1	RGB 199 176 193	#C7B0C1
66.7%	66.7% #CDB1CC	RGB 205 177 204	#CDB1CC
83.3%	83.3% #CBB1D3	RGB 203 177 211	#CBB1D3
100.0%	100.0% #C6B2D9	RGB 198 178 217	#C6B2D9

#B5ADAD #BBAEB1 #C1AFB8 #C7B0C1 #CDB1CC #CBB1D3 #C6B2D9

#B5ADAD - #C7B0C1 - #C6B2D9

CSS codes

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

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