#B9ADA8 - #C2DCDD | 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 #B9ADA8 to #C2DCDD

#B9ADA8 #C2DCDD

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

#B9ADA8 - #C2DCDD | 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 #B9ADA8 as 0% and #C2DCDD as 100%.

0.0%	0.0% #B9ADA8	RGB 185 173 168	#B9ADA8
16.7%	16.7% #BAB4B0	RGB 186 180 176	#BAB4B0
33.3%	33.3% #BCBCB9	RGB 188 188 185	#BCBCB9
50.0%	50.0% #BDC4C2	RGB 189 196 194	#BDC4C2
66.7%	66.7% #BFCCCB	RGB 191 204 203	#BFCCCB
83.3%	83.3% #C0D4D4	RGB 192 212 212	#C0D4D4
100.0%	100.0% #C2DCDD	RGB 194 220 221	#C2DCDD

#B9ADA8 #BAB4B0 #BCBCB9 #BDC4C2 #BFCCCB #C0D4D4 #C2DCDD

#B9ADA8 - #C2DCDD

HSV Blend

#B9ADA8 - #C2DCDD | 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 #B9ADA8 as 0% and #C2DCDD as 100%.

0.0%	0.0% #B9ADA8	RGB 185 173 168	#B9ADA8
16.7%	16.7% #BFBAAC	RGB 191 186 172	#BFBAAC
33.3%	33.3% #C0C5B0	RGB 192 197 176	#C0C5B0
50.0%	50.0% #BCCBB5	RGB 188 203 181	#BCCBB5
66.7%	66.7% #B9D1BC	RGB 185 209 188	#B9D1BC
83.3%	83.3% #BDD7CC	RGB 189 215 204	#BDD7CC
100.0%	100.0% #C2DCDD	RGB 194 220 221	#C2DCDD

#B9ADA8 #BFBAAC #C0C5B0 #BCCBB5 #B9D1BC #BDD7CC #C2DCDD

#B9ADA8 - #BCCBB5 - #C2DCDD

CSS codes

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

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