#BDFDFE - #DBE6D3 | 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 #BDFDFE to #DBE6D3

#BDFDFE #DBE6D3

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

#BDFDFE - #DBE6D3 | 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 #BDFDFE as 0% and #DBE6D3 as 100%.

0.0%	0.0% #BDFDFE	RGB 189 253 254	#BDFDFE
16.7%	16.7% #C2F9F6	RGB 194 249 246	#C2F9F6
33.3%	33.3% #C7F5EF	RGB 199 245 239	#C7F5EF
50.0%	50.0% #CCF1E8	RGB 204 241 232	#CCF1E8
66.7%	66.7% #D1EDE1	RGB 209 237 225	#D1EDE1
83.3%	83.3% #D6E9DA	RGB 214 233 218	#D6E9DA
100.0%	100.0% #DBE6D3	RGB 219 230 211	#DBE6D3

#BDFDFE #C2F9F6 #C7F5EF #CCF1E8 #D1EDE1 #D6E9DA #DBE6D3

#BDFDFE - #DBE6D3

HSV Blend

#BDFDFE - #DBE6D3 | 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 #BDFDFE as 0% and #DBE6D3 as 100%.

0.0%	0.0% #BDFDFE	RGB 189 253 254	#BDFDFE
16.7%	16.7% #C1FAED	RGB 193 250 237	#C1FAED
33.3%	33.3% #C5F6DF	RGB 197 246 223	#C5F6DF
50.0%	50.0% #C9F2D5	RGB 201 242 213	#C9F2D5
66.7%	66.7% #CCEECE	RGB 204 238 206	#CCEECE
83.3%	83.3% #D4EACF	RGB 212 234 207	#D4EACF
100.0%	100.0% #DBE6D3	RGB 219 230 211	#DBE6D3

#BDFDFE #C1FAED #C5F6DF #C9F2D5 #CCEECE #D4EACF #DBE6D3

#BDFDFE - #C9F2D5 - #DBE6D3

CSS codes

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

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