#B9C2D9 - #DEDFDB | 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 #B9C2D9 to #DEDFDB

#B9C2D9 #DEDFDB

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

#B9C2D9 - #DEDFDB | 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 #B9C2D9 as 0% and #DEDFDB as 100%.

0.0%	0.0% #B9C2D9	RGB 185 194 217	#B9C2D9
16.7%	16.7% #BFC6D9	RGB 191 198 217	#BFC6D9
33.3%	33.3% #C5CBD9	RGB 197 203 217	#C5CBD9
50.0%	50.0% #CBD0DA	RGB 203 208 218	#CBD0DA
66.7%	66.7% #D1D5DA	RGB 209 213 218	#D1D5DA
83.3%	83.3% #D7DADA	RGB 215 218 218	#D7DADA
100.0%	100.0% #DEDFDB	RGB 222 223 219	#DEDFDB

#B9C2D9 #BFC6D9 #C5CBD9 #CBD0DA #D1D5DA #D7DADA #DEDFDB

#B9C2D9 - #DEDFDB

HSV Blend

#B9C2D9 - #DEDFDB | 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 #B9C2D9 as 0% and #DEDFDB as 100%.

0.0%	0.0% #B9C2D9	RGB 185 194 217	#B9C2D9
16.7%	16.7% #BED1DA	RGB 190 209 218	#BED1DA
33.3%	33.3% #C4DBD8	RGB 196 219 216	#C4DBD8
50.0%	50.0% #C9DCD2	RGB 201 220 210	#C9DCD2
66.7%	66.7% #CFDDD0	RGB 207 221 208	#CFDDD0
83.3%	83.3% #D8DED5	RGB 216 222 213	#D8DED5
100.0%	100.0% #DEDFDB	RGB 222 223 219	#DEDFDB

#B9C2D9 #BED1DA #C4DBD8 #C9DCD2 #CFDDD0 #D8DED5 #DEDFDB

#B9C2D9 - #C9DCD2 - #DEDFDB

CSS codes

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

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