#B2DFE7 - #D4DDFB | 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 #B2DFE7 to #D4DDFB

#B2DFE7 #D4DDFB

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

#B2DFE7 - #D4DDFB | 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 #B2DFE7 as 0% and #D4DDFB as 100%.

0.0%	0.0% #B2DFE7	RGB 178 223 231	#B2DFE7
16.7%	16.7% #B7DEEA	RGB 183 222 234	#B7DEEA
33.3%	33.3% #BDDEED	RGB 189 222 237	#BDDEED
50.0%	50.0% #C3DEF1	RGB 195 222 241	#C3DEF1
66.7%	66.7% #C8DDF4	RGB 200 221 244	#C8DDF4
83.3%	83.3% #CEDDF7	RGB 206 221 247	#CEDDF7
100.0%	100.0% #D4DDFB	RGB 212 221 251	#D4DDFB

#B2DFE7 #B7DEEA #BDDEED #C3DEF1 #C8DDF4 #CEDDF7 #D4DDFB

#B2DFE7 - #D4DDFB

HSV Blend

#B2DFE7 - #D4DDFB | 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 #B2DFE7 as 0% and #D4DDFB as 100%.

0.0%	0.0% #B2DFE7	RGB 178 223 231	#B2DFE7
16.7%	16.7% #B7DDEA	RGB 183 221 234	#B7DDEA
33.3%	33.3% #BDDCED	RGB 189 220 237	#BDDCED
50.0%	50.0% #C2DBF1	RGB 194 219 241	#C2DBF1
66.7%	66.7% #C8DBF4	RGB 200 219 244	#C8DBF4
83.3%	83.3% #CEDBF7	RGB 206 219 247	#CEDBF7
100.0%	100.0% #D4DDFB	RGB 212 221 251	#D4DDFB

#B2DFE7 #B7DDEA #BDDCED #C2DBF1 #C8DBF4 #CEDBF7 #D4DDFB

#B2DFE7 - #C2DBF1 - #D4DDFB

CSS codes

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

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