#B8B9DF - #DEE0DF | 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 #B8B9DF to #DEE0DF

#B8B9DF #DEE0DF

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

#B8B9DF - #DEE0DF | 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 #B8B9DF as 0% and #DEE0DF as 100%.

0.0%	0.0% #B8B9DF	RGB 184 185 223	#B8B9DF
16.7%	16.7% #BEBFDF	RGB 190 191 223	#BEBFDF
33.3%	33.3% #C4C6DF	RGB 196 198 223	#C4C6DF
50.0%	50.0% #CBCCDF	RGB 203 204 223	#CBCCDF
66.7%	66.7% #D1D3DF	RGB 209 211 223	#D1D3DF
83.3%	83.3% #D7D9DF	RGB 215 217 223	#D7D9DF
100.0%	100.0% #DEE0DF	RGB 222 224 223	#DEE0DF

#B8B9DF #BEBFDF #C4C6DF #CBCCDF #D1D3DF #D7D9DF #DEE0DF

#B8B9DF - #DEE0DF

HSV Blend

#B8B9DF - #DEE0DF | 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 #B8B9DF as 0% and #DEE0DF as 100%.

0.0%	0.0% #B8B9DF	RGB 184 185 223	#B8B9DF
16.7%	16.7% #BEC7DF	RGB 190 199 223	#BEC7DF
33.3%	33.3% #C4D2DF	RGB 196 210 223	#C4D2DF
50.0%	50.0% #CADADF	RGB 202 218 223	#CADADF
66.7%	66.7% #D1DFDF	RGB 209 223 223	#D1DFDF
83.3%	83.3% #D7DFDD	RGB 215 223 221	#D7DFDD
100.0%	100.0% #DEE0DF	RGB 222 224 223	#DEE0DF

#B8B9DF #BEC7DF #C4D2DF #CADADF #D1DFDF #D7DFDD #DEE0DF

#B8B9DF - #CADADF - #DEE0DF

CSS codes

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

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