#BABFB6 - #C0C0FF | 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 #BABFB6 to #C0C0FF

#BABFB6 #C0C0FF

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

#BABFB6 - #C0C0FF | 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 #BABFB6 as 0% and #C0C0FF as 100%.

0.0%	0.0% #BABFB6	RGB 186 191 182	#BABFB6
16.7%	16.7% #BBBFC2	RGB 187 191 194	#BBBFC2
33.3%	33.3% #BCBFCE	RGB 188 191 206	#BCBFCE
50.0%	50.0% #BDBFDA	RGB 189 191 218	#BDBFDA
66.7%	66.7% #BEBFE6	RGB 190 191 230	#BEBFE6
83.3%	83.3% #BFBFF2	RGB 191 191 242	#BFBFF2
100.0%	100.0% #C0C0FF	RGB 192 192 255	#C0C0FF

#BABFB6 #BBBFC2 #BCBFCE #BDBFDA #BEBFE6 #BFBFF2 #C0C0FF

#BABFB6 - #C0C0FF

HSV Blend

#BABFB6 - #C0C0FF | 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 #BABFB6 as 0% and #C0C0FF as 100%.

0.0%	0.0% #BABFB6	RGB 186 191 182	#BABFB6
16.7%	16.7% #BAC9B9	RGB 186 201 185	#BAC9B9
33.3%	33.3% #BCD4C5	RGB 188 212 197	#BCD4C5
50.0%	50.0% #BEDFD7	RGB 190 223 215	#BEDFD7
66.7%	66.7% #BFE1E9	RGB 191 225 233	#BFE1E9
83.3%	83.3% #C0D5F4	RGB 192 213 244	#C0D5F4
100.0%	100.0% #C0C0FF	RGB 192 192 255	#C0C0FF

#BABFB6 #BAC9B9 #BCD4C5 #BEDFD7 #BFE1E9 #C0D5F4 #C0C0FF

#BABFB6 - #BEDFD7 - #C0C0FF

CSS codes

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

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