#B5DFDC - #D9DCFF | 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 #B5DFDC to #D9DCFF

#B5DFDC #D9DCFF

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

#B5DFDC - #D9DCFF | 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 #B5DFDC as 0% and #D9DCFF as 100%.

0.0%	0.0% #B5DFDC	RGB 181 223 220	#B5DFDC
16.7%	16.7% #BBDEE1	RGB 187 222 225	#BBDEE1
33.3%	33.3% #C1DEE7	RGB 193 222 231	#C1DEE7
50.0%	50.0% #C7DDED	RGB 199 221 237	#C7DDED
66.7%	66.7% #CDDDF3	RGB 205 221 243	#CDDDF3
83.3%	83.3% #D3DCF9	RGB 211 220 249	#D3DCF9
100.0%	100.0% #D9DCFF	RGB 217 220 255	#D9DCFF

#B5DFDC #BBDEE1 #C1DEE7 #C7DDED #CDDDF3 #D3DCF9 #D9DCFF

#B5DFDC - #D9DCFF

HSV Blend

#B5DFDC - #D9DCFF | 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 #B5DFDC as 0% and #D9DCFF as 100%.

0.0%	0.0% #B5DFDC	RGB 181 223 220	#B5DFDC
16.7%	16.7% #BAE0E4	RGB 186 224 228	#BAE0E4
33.3%	33.3% #C0DFE9	RGB 192 223 233	#C0DFE9
50.0%	50.0% #C6DDEF	RGB 198 221 239	#C6DDEF
66.7%	66.7% #CCDCF4	RGB 204 220 244	#CCDCF4
83.3%	83.3% #D2DCF9	RGB 210 220 249	#D2DCF9
100.0%	100.0% #D9DCFF	RGB 217 220 255	#D9DCFF

#B5DFDC #BAE0E4 #C0DFE9 #C6DDEF #CCDCF4 #D2DCF9 #D9DCFF

#B5DFDC - #C6DDEF - #D9DCFF

CSS codes

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

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