#BDE3FD - #D5E5D6 | 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 #BDE3FD to #D5E5D6

#BDE3FD #D5E5D6

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

#BDE3FD - #D5E5D6 | 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 #BDE3FD as 0% and #D5E5D6 as 100%.

0.0%	0.0% #BDE3FD	RGB 189 227 253	#BDE3FD
16.7%	16.7% #C1E3F6	RGB 193 227 246	#C1E3F6
33.3%	33.3% #C5E3F0	RGB 197 227 240	#C5E3F0
50.0%	50.0% #C9E4E9	RGB 201 228 233	#C9E4E9
66.7%	66.7% #CDE4E3	RGB 205 228 227	#CDE4E3
83.3%	83.3% #D1E4DC	RGB 209 228 220	#D1E4DC
100.0%	100.0% #D5E5D6	RGB 213 229 214	#D5E5D6

#BDE3FD #C1E3F6 #C5E3F0 #C9E4E9 #CDE4E3 #D1E4DC #D5E5D6

#BDE3FD - #D5E5D6

HSV Blend

#BDE3FD - #D5E5D6 | 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 #BDE3FD as 0% and #D5E5D6 as 100%.

0.0%	0.0% #BDE3FD	RGB 189 227 253	#BDE3FD
16.7%	16.7% #C1EEF9	RGB 193 238 249	#C1EEF9
33.3%	33.3% #C5F5F3	RGB 197 245 243	#C5F5F3
50.0%	50.0% #CAF1E6	RGB 202 241 230	#CAF1E6
66.7%	66.7% #CDEDDD	RGB 205 237 221	#CDEDDD
83.3%	83.3% #D1E9D8	RGB 209 233 216	#D1E9D8
100.0%	100.0% #D5E5D6	RGB 213 229 214	#D5E5D6

#BDE3FD #C1EEF9 #C5F5F3 #CAF1E6 #CDEDDD #D1E9D8 #D5E5D6

#BDE3FD - #CAF1E6 - #D5E5D6

CSS codes

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

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