#B6A8AF - #BEDCC3 | 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 #B6A8AF to #BEDCC3

#B6A8AF #BEDCC3

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

#B6A8AF - #BEDCC3 | 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 #B6A8AF as 0% and #BEDCC3 as 100%.

0.0%	0.0% #B6A8AF	RGB 182 168 175	#B6A8AF
16.7%	16.7% #B7B0B2	RGB 183 176 178	#B7B0B2
33.3%	33.3% #B8B9B5	RGB 184 185 181	#B8B9B5
50.0%	50.0% #BAC2B9	RGB 186 194 185	#BAC2B9
66.7%	66.7% #BBCABC	RGB 187 202 188	#BBCABC
83.3%	83.3% #BCD3BF	RGB 188 211 191	#BCD3BF
100.0%	100.0% #BEDCC3	RGB 190 220 195	#BEDCC3

#B6A8AF #B7B0B2 #B8B9B5 #BAC2B9 #BBCABC #BCD3BF #BEDCC3

#B6A8AF - #BEDCC3

HSV Blend

#B6A8AF - #BEDCC3 | 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 #B6A8AF as 0% and #BEDCC3 as 100%.

0.0%	0.0% #B6A8AF	RGB 182 168 175	#B6A8AF
16.7%	16.7% #BCABAC	RGB 188 171 172	#BCABAC
33.3%	33.3% #C2B7AF	RGB 194 183 175	#C2B7AF
50.0%	50.0% #C9C5B3	RGB 201 197 179	#C9C5B3
66.7%	66.7% #C8CFB7	RGB 200 207 183	#C8CFB7
83.3%	83.3% #C2D5BA	RGB 194 213 186	#C2D5BA
100.0%	100.0% #BEDCC3	RGB 190 220 195	#BEDCC3

#B6A8AF #BCABAC #C2B7AF #C9C5B3 #C8CFB7 #C2D5BA #BEDCC3

#B6A8AF - #C9C5B3 - #BEDCC3

CSS codes

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

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