#BED8F3 - #E2E6EC | 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 #BED8F3 to #E2E6EC

#BED8F3 #E2E6EC

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

#BED8F3 - #E2E6EC | 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 #BED8F3 as 0% and #E2E6EC as 100%.

0.0%	0.0% #BED8F3	RGB 190 216 243	#BED8F3
16.7%	16.7% #C4DAF1	RGB 196 218 241	#C4DAF1
33.3%	33.3% #CADCF0	RGB 202 220 240	#CADCF0
50.0%	50.0% #D0DFEF	RGB 208 223 239	#D0DFEF
66.7%	66.7% #D6E1EE	RGB 214 225 238	#D6E1EE
83.3%	83.3% #DCE3ED	RGB 220 227 237	#DCE3ED
100.0%	100.0% #E2E6EC	RGB 226 230 236	#E2E6EC

#BED8F3 #C4DAF1 #CADCF0 #D0DFEF #D6E1EE #DCE3ED #E2E6EC

#BED8F3 - #E2E6EC

HSV Blend

#BED8F3 - #E2E6EC | 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 #BED8F3 as 0% and #E2E6EC as 100%.

0.0%	0.0% #BED8F3	RGB 190 216 243	#BED8F3
16.7%	16.7% #C4D9F1	RGB 196 217 241	#C4D9F1
33.3%	33.3% #CADBF0	RGB 202 219 240	#CADBF0
50.0%	50.0% #D0DEEF	RGB 208 222 239	#D0DEEF
66.7%	66.7% #D6E0EE	RGB 214 224 238	#D6E0EE
83.3%	83.3% #DCE3ED	RGB 220 227 237	#DCE3ED
100.0%	100.0% #E2E6EC	RGB 226 230 236	#E2E6EC

#BED8F3 #C4D9F1 #CADBF0 #D0DEEF #D6E0EE #DCE3ED #E2E6EC

#BED8F3 - #D0DEEF - #E2E6EC

CSS codes

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

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