#B5CFD9 - #EAE4DE | 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 #B5CFD9 to #EAE4DE

#B5CFD9 #EAE4DE

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

#B5CFD9 - #EAE4DE | 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 #B5CFD9 as 0% and #EAE4DE as 100%.

0.0%	0.0% #B5CFD9	RGB 181 207 217	#B5CFD9
16.7%	16.7% #BDD2D9	RGB 189 210 217	#BDD2D9
33.3%	33.3% #C6D6DA	RGB 198 214 218	#C6D6DA
50.0%	50.0% #CFD9DB	RGB 207 217 219	#CFD9DB
66.7%	66.7% #D8DDDC	RGB 216 221 220	#D8DDDC
83.3%	83.3% #E1E0DD	RGB 225 224 221	#E1E0DD
100.0%	100.0% #EAE4DE	RGB 234 228 222	#EAE4DE

#B5CFD9 #BDD2D9 #C6D6DA #CFD9DB #D8DDDC #E1E0DD #EAE4DE

#B5CFD9 - #EAE4DE

HSV Blend

#B5CFD9 - #EAE4DE | 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 #B5CFD9 as 0% and #EAE4DE as 100%.

0.0%	0.0% #B5CFD9	RGB 181 207 217	#B5CFD9
16.7%	16.7% #BBDBD5	RGB 187 219 213	#BBDBD5
33.3%	33.3% #C2DECC	RGB 194 222 204	#C2DECC
50.0%	50.0% #CBE1C9	RGB 203 225 201	#CBE1C9
66.7%	66.7% #DBE4CF	RGB 219 228 207	#DBE4CF
83.3%	83.3% #E7E6D6	RGB 231 230 214	#E7E6D6
100.0%	100.0% #EAE4DE	RGB 234 228 222	#EAE4DE

#B5CFD9 #BBDBD5 #C2DECC #CBE1C9 #DBE4CF #E7E6D6 #EAE4DE

#B5CFD9 - #CBE1C9 - #EAE4DE

CSS codes

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

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