#B6A8AC - #BEDCCA | 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 #B6A8AC to #BEDCCA

#B6A8AC #BEDCCA

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

#B6A8AC - #BEDCCA | 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 #B6A8AC as 0% and #BEDCCA as 100%.

0.0%	0.0% #B6A8AC	RGB 182 168 172	#B6A8AC
16.7%	16.7% #B7B0B1	RGB 183 176 177	#B7B0B1
33.3%	33.3% #B8B9B6	RGB 184 185 182	#B8B9B6
50.0%	50.0% #BAC2BB	RGB 186 194 187	#BAC2BB
66.7%	66.7% #BBCAC0	RGB 187 202 192	#BBCAC0
83.3%	83.3% #BCD3C5	RGB 188 211 197	#BCD3C5
100.0%	100.0% #BEDCCA	RGB 190 220 202	#BEDCCA

#B6A8AC #B7B0B1 #B8B9B6 #BAC2BB #BBCAC0 #BCD3C5 #BEDCCA

#B6A8AC - #BEDCCA

HSV Blend

#B6A8AC - #BEDCCA | 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 #B6A8AC as 0% and #BEDCCA as 100%.

0.0%	0.0% #B6A8AC	RGB 182 168 172	#B6A8AC
16.7%	16.7% #BCAEAB	RGB 188 174 171	#BCAEAB
33.3%	33.3% #C2BBAF	RGB 194 187 175	#C2BBAF
50.0%	50.0% #C7C9B3	RGB 199 201 179	#C7C9B3
66.7%	66.7% #C3CFB7	RGB 195 207 183	#C3CFB7
83.3%	83.3% #BBD5BA	RGB 187 213 186	#BBD5BA
100.0%	100.0% #BEDCCA	RGB 190 220 202	#BEDCCA

#B6A8AC #BCAEAB #C2BBAF #C7C9B3 #C3CFB7 #BBD5BA #BEDCCA

#B6A8AC - #C7C9B3 - #BEDCCA

CSS codes

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

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