#B6ABAD - #DFB8D9 | 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 #B6ABAD to #DFB8D9

#B6ABAD #DFB8D9

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

#B6ABAD - #DFB8D9 | 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 #B6ABAD as 0% and #DFB8D9 as 100%.

0.0%	0.0% #B6ABAD	RGB 182 171 173	#B6ABAD
16.7%	16.7% #BCADB4	RGB 188 173 180	#BCADB4
33.3%	33.3% #C3AFBB	RGB 195 175 187	#C3AFBB
50.0%	50.0% #CAB1C3	RGB 202 177 195	#CAB1C3
66.7%	66.7% #D1B3CA	RGB 209 179 202	#D1B3CA
83.3%	83.3% #D8B5D1	RGB 216 181 209	#D8B5D1
100.0%	100.0% #DFB8D9	RGB 223 184 217	#DFB8D9

#B6ABAD #BCADB4 #C3AFBB #CAB1C3 #D1B3CA #D8B5D1 #DFB8D9

#B6ABAD - #DFB8D9

HSV Blend

#B6ABAD - #DFB8D9 | 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 #B6ABAD as 0% and #DFB8D9 as 100%.

0.0%	0.0% #B6ABAD	RGB 182 171 173	#B6ABAD
16.7%	16.7% #BCADB2	RGB 188 173 178	#BCADB2
33.3%	33.3% #C3B0B8	RGB 195 176 184	#C3B0B8
50.0%	50.0% #CAB2BE	RGB 202 178 190	#CAB2BE
66.7%	66.7% #D1B4C6	RGB 209 180 198	#D1B4C6
83.3%	83.3% #D8B6CF	RGB 216 182 207	#D8B6CF
100.0%	100.0% #DFB8D9	RGB 223 184 217	#DFB8D9

#B6ABAD #BCADB2 #C3B0B8 #CAB2BE #D1B4C6 #D8B6CF #DFB8D9

#B6ABAD - #CAB2BE - #DFB8D9

CSS codes

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

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