#B8CED2 - #EDE5DC | 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 #B8CED2 to #EDE5DC

#B8CED2 #EDE5DC

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

#B8CED2 - #EDE5DC | 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 #B8CED2 as 0% and #EDE5DC as 100%.

0.0%	0.0% #B8CED2	RGB 184 206 210	#B8CED2
16.7%	16.7% #C0D1D3	RGB 192 209 211	#C0D1D3
33.3%	33.3% #C9D5D5	RGB 201 213 213	#C9D5D5
50.0%	50.0% #D2D9D7	RGB 210 217 215	#D2D9D7
66.7%	66.7% #DBDDD8	RGB 219 221 216	#DBDDD8
83.3%	83.3% #E4E1DA	RGB 228 225 218	#E4E1DA
100.0%	100.0% #EDE5DC	RGB 237 229 220	#EDE5DC

#B8CED2 #C0D1D3 #C9D5D5 #D2D9D7 #DBDDD8 #E4E1DA #EDE5DC

#B8CED2 - #EDE5DC

HSV Blend

#B8CED2 - #EDE5DC | 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 #B8CED2 as 0% and #EDE5DC as 100%.

0.0%	0.0% #B8CED2	RGB 184 206 210	#B8CED2
16.7%	16.7% #BDD6CF	RGB 189 214 207	#BDD6CF
33.3%	33.3% #C3DBCA	RGB 195 219 202	#C3DBCA
50.0%	50.0% #CDDFC9	RGB 205 223 201	#CDDFC9
66.7%	66.7% #DBE4CF	RGB 219 228 207	#DBE4CF
83.3%	83.3% #E8E7D5	RGB 232 231 213	#E8E7D5
100.0%	100.0% #EDE5DC	RGB 237 229 220	#EDE5DC

#B8CED2 #BDD6CF #C3DBCA #CDDFC9 #DBE4CF #E8E7D5 #EDE5DC

#B8CED2 - #CDDFC9 - #EDE5DC

CSS codes

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

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