#BED2E7 - #FFDCFD | 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 #BED2E7 to #FFDCFD

#BED2E7 #FFDCFD

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

#BED2E7 - #FFDCFD | 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 #BED2E7 as 0% and #FFDCFD as 100%.

0.0%	0.0% #BED2E7	RGB 190 210 231	#BED2E7
16.7%	16.7% #C8D3EA	RGB 200 211 234	#C8D3EA
33.3%	33.3% #D3D5EE	RGB 211 213 238	#D3D5EE
50.0%	50.0% #DED7F2	RGB 222 215 242	#DED7F2
66.7%	66.7% #E9D8F5	RGB 233 216 245	#E9D8F5
83.3%	83.3% #F4DAF9	RGB 244 218 249	#F4DAF9
100.0%	100.0% #FFDCFD	RGB 255 220 253	#FFDCFD

#BED2E7 #C8D3EA #D3D5EE #DED7F2 #E9D8F5 #F4DAF9 #FFDCFD

#BED2E7 - #FFDCFD

HSV Blend

#BED2E7 - #FFDCFD | 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 #BED2E7 as 0% and #FFDCFD as 100%.

0.0%	0.0% #BED2E7	RGB 190 210 231	#BED2E7
16.7%	16.7% #C2CCEB	RGB 194 204 235	#C2CCEB
33.3%	33.3% #C8C7EF	RGB 200 199 239	#C8C7EF
50.0%	50.0% #D7CCF3	RGB 215 204 243	#D7CCF3
66.7%	66.7% #E5D1F7	RGB 229 209 247	#E5D1F7
83.3%	83.3% #F3D6FB	RGB 243 214 251	#F3D6FB
100.0%	100.0% #FFDCFD	RGB 255 220 253	#FFDCFD

#BED2E7 #C2CCEB #C8C7EF #D7CCF3 #E5D1F7 #F3D6FB #FFDCFD

#BED2E7 - #D7CCF3 - #FFDCFD

CSS codes

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

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