#B8DAD2 - #D1E4C7 | 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 #B8DAD2 to #D1E4C7

#B8DAD2 #D1E4C7

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

#B8DAD2 - #D1E4C7 | 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 #B8DAD2 as 0% and #D1E4C7 as 100%.

0.0%	0.0% #B8DAD2	RGB 184 218 210	#B8DAD2
16.7%	16.7% #BCDBD0	RGB 188 219 208	#BCDBD0
33.3%	33.3% #C0DDCE	RGB 192 221 206	#C0DDCE
50.0%	50.0% #C4DFCC	RGB 196 223 204	#C4DFCC
66.7%	66.7% #C8E0CA	RGB 200 224 202	#C8E0CA
83.3%	83.3% #CCE2C8	RGB 204 226 200	#CCE2C8
100.0%	100.0% #D1E4C7	RGB 209 228 199	#D1E4C7

#B8DAD2 #BCDBD0 #C0DDCE #C4DFCC #C8E0CA #CCE2C8 #D1E4C7

#B8DAD2 - #D1E4C7

HSV Blend

#B8DAD2 - #D1E4C7 | 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 #B8DAD2 as 0% and #D1E4C7 as 100%.

0.0%	0.0% #B8DAD2	RGB 184 218 210	#B8DAD2
16.7%	16.7% #BADBCD	RGB 186 219 205	#BADBCD
33.3%	33.3% #BCDDC9	RGB 188 221 201	#BCDDC9
50.0%	50.0% #BFDFC6	RGB 191 223 198	#BFDFC6
66.7%	66.7% #C1E0C2	RGB 193 224 194	#C1E0C2
83.3%	83.3% #C9E2C4	RGB 201 226 196	#C9E2C4
100.0%	100.0% #D1E4C7	RGB 209 228 199	#D1E4C7

#B8DAD2 #BADBCD #BCDDC9 #BFDFC6 #C1E0C2 #C9E2C4 #D1E4C7

#B8DAD2 - #BFDFC6 - #D1E4C7

CSS codes

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

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