#B5B9ED - #DBDFE7 | 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 #B5B9ED to #DBDFE7

#B5B9ED #DBDFE7

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

#B5B9ED - #DBDFE7 | 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 #B5B9ED as 0% and #DBDFE7 as 100%.

0.0%	0.0% #B5B9ED	RGB 181 185 237	#B5B9ED
16.7%	16.7% #BBBFEC	RGB 187 191 236	#BBBFEC
33.3%	33.3% #C1C5EB	RGB 193 197 235	#C1C5EB
50.0%	50.0% #C8CCEA	RGB 200 204 234	#C8CCEA
66.7%	66.7% #CED2E9	RGB 206 210 233	#CED2E9
83.3%	83.3% #D4D8E8	RGB 212 216 232	#D4D8E8
100.0%	100.0% #DBDFE7	RGB 219 223 231	#DBDFE7

#B5B9ED #BBBFEC #C1C5EB #C8CCEA #CED2E9 #D4D8E8 #DBDFE7

#B5B9ED - #DBDFE7

HSV Blend

#B5B9ED - #DBDFE7 | 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 #B5B9ED as 0% and #DBDFE7 as 100%.

0.0%	0.0% #B5B9ED	RGB 181 185 237	#B5B9ED
16.7%	16.7% #BBC1EC	RGB 187 193 236	#BBC1EC
33.3%	33.3% #C1C8EB	RGB 193 200 235	#C1C8EB
50.0%	50.0% #C8CFEA	RGB 200 207 234	#C8CFEA
66.7%	66.7% #CED5E9	RGB 206 213 233	#CED5E9
83.3%	83.3% #D4DAE8	RGB 212 218 232	#D4DAE8
100.0%	100.0% #DBDFE7	RGB 219 223 231	#DBDFE7

#B5B9ED #BBC1EC #C1C8EB #C8CFEA #CED5E9 #D4DAE8 #DBDFE7

#B5B9ED - #C8CFEA - #DBDFE7

CSS codes

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

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