#B5A9A8 - #BDDDD5 | 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 #B5A9A8 to #BDDDD5

#B5A9A8 #BDDDD5

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

#B5A9A8 - #BDDDD5 | 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 #B5A9A8 as 0% and #BDDDD5 as 100%.

0.0%	0.0% #B5A9A8	RGB 181 169 168	#B5A9A8
16.7%	16.7% #B6B1AF	RGB 182 177 175	#B6B1AF
33.3%	33.3% #B7BAB7	RGB 183 186 183	#B7BAB7
50.0%	50.0% #B9C3BE	RGB 185 195 190	#B9C3BE
66.7%	66.7% #BACBC6	RGB 186 203 198	#BACBC6
83.3%	83.3% #BBD4CD	RGB 187 212 205	#BBD4CD
100.0%	100.0% #BDDDD5	RGB 189 221 213	#BDDDD5

#B5A9A8 #B6B1AF #B7BAB7 #B9C3BE #BACBC6 #BBD4CD #BDDDD5

#B5A9A8 - #BDDDD5

HSV Blend

#B5A9A8 - #BDDDD5 | 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 #B5A9A8 as 0% and #BDDDD5 as 100%.

0.0%	0.0% #B5A9A8	RGB 181 169 168	#B5A9A8
16.7%	16.7% #BBB4AB	RGB 187 180 171	#BBB4AB
33.3%	33.3% #C2C1AF	RGB 194 193 175	#C2C1AF
50.0%	50.0% #BFC9B3	RGB 191 201 179	#BFC9B3
66.7%	66.7% #BACFB6	RGB 186 207 182	#BACFB6
83.3%	83.3% #B9D6C2	RGB 185 214 194	#B9D6C2
100.0%	100.0% #BDDDD5	RGB 189 221 213	#BDDDD5

#B5A9A8 #BBB4AB #C2C1AF #BFC9B3 #BACFB6 #B9D6C2 #BDDDD5

#B5A9A8 - #BFC9B3 - #BDDDD5

CSS codes

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

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