#B5C2D9 - #E0DFDB | 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 #B5C2D9 to #E0DFDB

#B5C2D9 #E0DFDB

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

#B5C2D9 - #E0DFDB | 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 #B5C2D9 as 0% and #E0DFDB as 100%.

0.0%	0.0% #B5C2D9	RGB 181 194 217	#B5C2D9
16.7%	16.7% #BCC6D9	RGB 188 198 217	#BCC6D9
33.3%	33.3% #C3CBD9	RGB 195 203 217	#C3CBD9
50.0%	50.0% #CAD0DA	RGB 202 208 218	#CAD0DA
66.7%	66.7% #D1D5DA	RGB 209 213 218	#D1D5DA
83.3%	83.3% #D8DADA	RGB 216 218 218	#D8DADA
100.0%	100.0% #E0DFDB	RGB 224 223 219	#E0DFDB

#B5C2D9 #BCC6D9 #C3CBD9 #CAD0DA #D1D5DA #D8DADA #E0DFDB

#B5C2D9 - #E0DFDB

HSV Blend

#B5C2D9 - #E0DFDB | 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 #B5C2D9 as 0% and #E0DFDB as 100%.

0.0%	0.0% #B5C2D9	RGB 181 194 217	#B5C2D9
16.7%	16.7% #BBD5DA	RGB 187 213 218	#BBD5DA
33.3%	33.3% #C1DBD3	RGB 193 219 211	#C1DBD3
50.0%	50.0% #C7DCCC	RGB 199 220 204	#C7DCCC
66.7%	66.7% #D2DDCE	RGB 210 221 206	#D2DDCE
83.3%	83.3% #DCDED4	RGB 220 222 212	#DCDED4
100.0%	100.0% #E0DFDB	RGB 224 223 219	#E0DFDB

#B5C2D9 #BBD5DA #C1DBD3 #C7DCCC #D2DDCE #DCDED4 #E0DFDB

#B5C2D9 - #C7DCCC - #E0DFDB

CSS codes

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

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