#B5C7D9 - #D6DAD6 | 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 #B5C7D9 to #D6DAD6

#B5C7D9 #D6DAD6

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

#B5C7D9 - #D6DAD6 | 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 #B5C7D9 as 0% and #D6DAD6 as 100%.

0.0%	0.0% #B5C7D9	RGB 181 199 217	#B5C7D9
16.7%	16.7% #BACAD8	RGB 186 202 216	#BACAD8
33.3%	33.3% #C0CDD8	RGB 192 205 216	#C0CDD8
50.0%	50.0% #C5D0D7	RGB 197 208 215	#C5D0D7
66.7%	66.7% #CBD3D7	RGB 203 211 215	#CBD3D7
83.3%	83.3% #D0D6D6	RGB 208 214 214	#D0D6D6
100.0%	100.0% #D6DAD6	RGB 214 218 214	#D6DAD6

#B5C7D9 #BACAD8 #C0CDD8 #C5D0D7 #CBD3D7 #D0D6D6 #D6DAD6

#B5C7D9 - #D6DAD6

HSV Blend

#B5C7D9 - #D6DAD6 | 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 #B5C7D9 as 0% and #D6DAD6 as 100%.

0.0%	0.0% #B5C7D9	RGB 181 199 217	#B5C7D9
16.7%	16.7% #BAD1D9	RGB 186 209 217	#BAD1D9
33.3%	33.3% #BFD9D9	RGB 191 217 217	#BFD9D9
50.0%	50.0% #C5D9D4	RGB 197 217 212	#C5D9D4
66.7%	66.7% #CAD9D2	RGB 202 217 210	#CAD9D2
83.3%	83.3% #D0D9D2	RGB 208 217 210	#D0D9D2
100.0%	100.0% #D6DAD6	RGB 214 218 214	#D6DAD6

#B5C7D9 #BAD1D9 #BFD9D9 #C5D9D4 #CAD9D2 #D0D9D2 #D6DAD6

#B5C7D9 - #C5D9D4 - #D6DAD6

CSS codes

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

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