#B8C0DA - #DDDFDB | 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 #B8C0DA to #DDDFDB

#B8C0DA #DDDFDB

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

#B8C0DA - #DDDFDB | 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 #B8C0DA as 0% and #DDDFDB as 100%.

0.0%	0.0% #B8C0DA	RGB 184 192 218	#B8C0DA
16.7%	16.7% #BEC5DA	RGB 190 197 218	#BEC5DA
33.3%	33.3% #C4CADA	RGB 196 202 218	#C4CADA
50.0%	50.0% #CACFDA	RGB 202 207 218	#CACFDA
66.7%	66.7% #D0D4DA	RGB 208 212 218	#D0D4DA
83.3%	83.3% #D6D9DA	RGB 214 217 218	#D6D9DA
100.0%	100.0% #DDDFDB	RGB 221 223 219	#DDDFDB

#B8C0DA #BEC5DA #C4CADA #CACFDA #D0D4DA #D6D9DA #DDDFDB

#B8C0DA - #DDDFDB

HSV Blend

#B8C0DA - #DDDFDB | 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 #B8C0DA as 0% and #DDDFDB as 100%.

0.0%	0.0% #B8C0DA	RGB 184 192 218	#B8C0DA
16.7%	16.7% #BDCFDA	RGB 189 207 218	#BDCFDA
33.3%	33.3% #C3DBDB	RGB 195 219 219	#C3DBDB
50.0%	50.0% #C9DCD5	RGB 201 220 213	#C9DCD5
66.7%	66.7% #CFDDD2	RGB 207 221 210	#CFDDD2
83.3%	83.3% #D6DED5	RGB 214 222 213	#D6DED5
100.0%	100.0% #DDDFDB	RGB 221 223 219	#DDDFDB

#B8C0DA #BDCFDA #C3DBDB #C9DCD5 #CFDDD2 #D6DED5 #DDDFDB

#B8C0DA - #C9DCD5 - #DDDFDB

CSS codes

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

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