#B9C0DF - #DADFDE | 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 #B9C0DF to #DADFDE

#B9C0DF #DADFDE

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

#B9C0DF - #DADFDE | 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 #B9C0DF as 0% and #DADFDE as 100%.

0.0%	0.0% #B9C0DF	RGB 185 192 223	#B9C0DF
16.7%	16.7% #BEC5DE	RGB 190 197 222	#BEC5DE
33.3%	33.3% #C4CADE	RGB 196 202 222	#C4CADE
50.0%	50.0% #C9CFDE	RGB 201 207 222	#C9CFDE
66.7%	66.7% #CFD4DE	RGB 207 212 222	#CFD4DE
83.3%	83.3% #D4D9DE	RGB 212 217 222	#D4D9DE
100.0%	100.0% #DADFDE	RGB 218 223 222	#DADFDE

#B9C0DF #BEC5DE #C4CADE #C9CFDE #CFD4DE #D4D9DE #DADFDE

#B9C0DF - #DADFDE

HSV Blend

#B9C0DF - #DADFDE | 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 #B9C0DF as 0% and #DADFDE as 100%.

0.0%	0.0% #B9C0DF	RGB 185 192 223	#B9C0DF
16.7%	16.7% #BEC9DF	RGB 190 201 223	#BEC9DF
33.3%	33.3% #C4D2DF	RGB 196 210 223	#C4D2DF
50.0%	50.0% #C9D8DF	RGB 201 216 223	#C9D8DF
66.7%	66.7% #CFDCDF	RGB 207 220 223	#CFDCDF
83.3%	83.3% #D4DFDE	RGB 212 223 222	#D4DFDE
100.0%	100.0% #DADFDE	RGB 218 223 222	#DADFDE

#B9C0DF #BEC9DF #C4D2DF #C9D8DF #CFDCDF #D4DFDE #DADFDE

#B9C0DF - #C9D8DF - #DADFDE

CSS codes

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

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