#B2DBCD - #EBDFE1 | 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 #B2DBCD to #EBDFE1

#B2DBCD #EBDFE1

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

#B2DBCD - #EBDFE1 | 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 #B2DBCD as 0% and #EBDFE1 as 100%.

0.0%	0.0% #B2DBCD	RGB 178 219 205	#B2DBCD
16.7%	16.7% #BBDBD0	RGB 187 219 208	#BBDBD0
33.3%	33.3% #C5DCD3	RGB 197 220 211	#C5DCD3
50.0%	50.0% #CEDDD7	RGB 206 221 215	#CEDDD7
66.7%	66.7% #D8DDDA	RGB 216 221 218	#D8DDDA
83.3%	83.3% #E1DEDD	RGB 225 222 221	#E1DEDD
100.0%	100.0% #EBDFE1	RGB 235 223 225	#EBDFE1

#B2DBCD #BBDBD0 #C5DCD3 #CEDDD7 #D8DDDA #E1DEDD #EBDFE1

#B2DBCD - #EBDFE1

HSV Blend

#B2DBCD - #EBDFE1 | 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 #B2DBCD as 0% and #EBDFE1 as 100%.

0.0%	0.0% #B2DBCD	RGB 178 219 205	#B2DBCD
16.7%	16.7% #B9DDC0	RGB 185 221 192	#B9DDC0
33.3%	33.3% #C9E0C0	RGB 201 224 192	#C9E0C0
50.0%	50.0% #DCE3C7	RGB 220 227 199	#DCE3C7
66.7%	66.7% #E5E0CF	RGB 229 224 207	#E5E0CF
83.3%	83.3% #E8DCD7	RGB 232 220 215	#E8DCD7
100.0%	100.0% #EBDFE1	RGB 235 223 225	#EBDFE1

#B2DBCD #B9DDC0 #C9E0C0 #DCE3C7 #E5E0CF #E8DCD7 #EBDFE1

#B2DBCD - #DCE3C7 - #EBDFE1

CSS codes

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

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