#BED2DA - #FFD4E4 | 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 #BED2DA to #FFD4E4

#BED2DA #FFD4E4

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

#BED2DA - #FFD4E4 | 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 #BED2DA as 0% and #FFD4E4 as 100%.

0.0%	0.0% #BED2DA	RGB 190 210 218	#BED2DA
16.7%	16.7% #C8D2DB	RGB 200 210 219	#C8D2DB
33.3%	33.3% #D3D2DD	RGB 211 210 221	#D3D2DD
50.0%	50.0% #DED3DF	RGB 222 211 223	#DED3DF
66.7%	66.7% #E9D3E0	RGB 233 211 224	#E9D3E0
83.3%	83.3% #F4D3E2	RGB 244 211 226	#F4D3E2
100.0%	100.0% #FFD4E4	RGB 255 212 228	#FFD4E4

#BED2DA #C8D2DB #D3D2DD #DED3DF #E9D3E0 #F4D3E2 #FFD4E4

#BED2DA - #FFD4E4

HSV Blend

#BED2DA - #FFD4E4 | 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 #BED2DA as 0% and #FFD4E4 as 100%.

0.0%	0.0% #BED2DA	RGB 190 210 218	#BED2DA
16.7%	16.7% #C1CBE0	RGB 193 203 224	#C1CBE0
33.3%	33.3% #C7C5E6	RGB 199 197 230	#C7C5E6
50.0%	50.0% #D9C9EC	RGB 217 201 236	#D9C9EC
66.7%	66.7% #ECCCF2	RGB 236 204 242	#ECCCF2
83.3%	83.3% #F8D0EF	RGB 248 208 239	#F8D0EF
100.0%	100.0% #FFD4E4	RGB 255 212 228	#FFD4E4

#BED2DA #C1CBE0 #C7C5E6 #D9C9EC #ECCCF2 #F8D0EF #FFD4E4

#BED2DA - #D9C9EC - #FFD4E4

CSS codes

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

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