#B8C9DA - #E4E2DD | 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 #B8C9DA to #E4E2DD

#B8C9DA #E4E2DD

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

#B8C9DA - #E4E2DD | 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 #B8C9DA as 0% and #E4E2DD as 100%.

0.0%	0.0% #B8C9DA	RGB 184 201 218	#B8C9DA
16.7%	16.7% #BFCDDA	RGB 191 205 218	#BFCDDA
33.3%	33.3% #C6D1DB	RGB 198 209 219	#C6D1DB
50.0%	50.0% #CED5DB	RGB 206 213 219	#CED5DB
66.7%	66.7% #D5D9DC	RGB 213 217 220	#D5D9DC
83.3%	83.3% #DCDDDC	RGB 220 221 220	#DCDDDC
100.0%	100.0% #E4E2DD	RGB 228 226 221	#E4E2DD

#B8C9DA #BFCDDA #C6D1DB #CED5DB #D5D9DC #DCDDDC #E4E2DD

#B8C9DA - #E4E2DD

HSV Blend

#B8C9DA - #E4E2DD | 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 #B8C9DA as 0% and #E4E2DD as 100%.

0.0%	0.0% #B8C9DA	RGB 184 201 218	#B8C9DA
16.7%	16.7% #BDDADB	RGB 189 218 219	#BDDADB
33.3%	33.3% #C4DDD2	RGB 196 221 210	#C4DDD2
50.0%	50.0% #CADFCC	RGB 202 223 204	#CADFCC
66.7%	66.7% #D6E0D0	RGB 214 224 208	#D6E0D0
83.3%	83.3% #E0E2D6	RGB 224 226 214	#E0E2D6
100.0%	100.0% #E4E2DD	RGB 228 226 221	#E4E2DD

#B8C9DA #BDDADB #C4DDD2 #CADFCC #D6E0D0 #E0E2D6 #E4E2DD

#B8C9DA - #CADFCC - #E4E2DD

CSS codes

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

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