#B0DBAD - #D8DAD4 | 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 #B0DBAD to #D8DAD4

#B0DBAD #D8DAD4

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

#B0DBAD - #D8DAD4 | 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 #B0DBAD as 0% and #D8DAD4 as 100%.

0.0%	0.0% #B0DBAD	RGB 176 219 173	#B0DBAD
16.7%	16.7% #B6DAB3	RGB 182 218 179	#B6DAB3
33.3%	33.3% #BDDABA	RGB 189 218 186	#BDDABA
50.0%	50.0% #C4DAC0	RGB 196 218 192	#C4DAC0
66.7%	66.7% #CADAC7	RGB 202 218 199	#CADAC7
83.3%	83.3% #D1DACD	RGB 209 218 205	#D1DACD
100.0%	100.0% #D8DAD4	RGB 216 218 212	#D8DAD4

#B0DBAD #B6DAB3 #BDDABA #C4DAC0 #CADAC7 #D1DACD #D8DAD4

#B0DBAD - #D8DAD4

HSV Blend

#B0DBAD - #D8DAD4 | 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 #B0DBAD as 0% and #D8DAD4 as 100%.

0.0%	0.0% #B0DBAD	RGB 176 219 173	#B0DBAD
16.7%	16.7% #BADAB3	RGB 186 218 179	#BADAB3
33.3%	33.3% #C2DABA	RGB 194 218 186	#C2DABA
50.0%	50.0% #CADAC0	RGB 202 218 192	#CADAC0
66.7%	66.7% #D0DAC7	RGB 208 218 199	#D0DAC7
83.3%	83.3% #D4DACD	RGB 212 218 205	#D4DACD
100.0%	100.0% #D8DAD4	RGB 216 218 212	#D8DAD4

#B0DBAD #BADAB3 #C2DABA #CADAC0 #D0DAC7 #D4DACD #D8DAD4

#B0DBAD - #CADAC0 - #D8DAD4

CSS codes

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

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