#B6CFDA - #D9DCD9 | 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 #B6CFDA to #D9DCD9

#B6CFDA #D9DCD9

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

#B6CFDA - #D9DCD9 | 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 #B6CFDA as 0% and #D9DCD9 as 100%.

0.0%	0.0% #B6CFDA	RGB 182 207 218	#B6CFDA
16.7%	16.7% #BBD1D9	RGB 187 209 217	#BBD1D9
33.3%	33.3% #C1D3D9	RGB 193 211 217	#C1D3D9
50.0%	50.0% #C7D5D9	RGB 199 213 217	#C7D5D9
66.7%	66.7% #CDD7D9	RGB 205 215 217	#CDD7D9
83.3%	83.3% #D3D9D9	RGB 211 217 217	#D3D9D9
100.0%	100.0% #D9DCD9	RGB 217 220 217	#D9DCD9

#B6CFDA #BBD1D9 #C1D3D9 #C7D5D9 #CDD7D9 #D3D9D9 #D9DCD9

#B6CFDA - #D9DCD9

HSV Blend

#B6CFDA - #D9DCD9 | 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 #B6CFDA as 0% and #D9DCD9 as 100%.

0.0%	0.0% #B6CFDA	RGB 182 207 218	#B6CFDA
16.7%	16.7% #BBD7DA	RGB 187 215 218	#BBD7DA
33.3%	33.3% #C1DAD7	RGB 193 218 215	#C1DAD7
50.0%	50.0% #C7DBD4	RGB 199 219 212	#C7DBD4
66.7%	66.7% #CDDBD3	RGB 205 219 211	#CDDBD3
83.3%	83.3% #D3DBD4	RGB 211 219 212	#D3DBD4
100.0%	100.0% #D9DCD9	RGB 217 220 217	#D9DCD9

#B6CFDA #BBD7DA #C1DAD7 #C7DBD4 #CDDBD3 #D3DBD4 #D9DCD9

#B6CFDA - #C7DBD4 - #D9DCD9

CSS codes

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

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