#B5B5DA - #D5DAD9 | 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 #B5B5DA to #D5DAD9

#B5B5DA #D5DAD9

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

#B5B5DA - #D5DAD9 | 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 #B5B5DA as 0% and #D5DAD9 as 100%.

0.0%	0.0% #B5B5DA	RGB 181 181 218	#B5B5DA
16.7%	16.7% #BABBD9	RGB 186 187 217	#BABBD9
33.3%	33.3% #BFC1D9	RGB 191 193 217	#BFC1D9
50.0%	50.0% #C5C7D9	RGB 197 199 217	#C5C7D9
66.7%	66.7% #CACDD9	RGB 202 205 217	#CACDD9
83.3%	83.3% #CFD3D9	RGB 207 211 217	#CFD3D9
100.0%	100.0% #D5DAD9	RGB 213 218 217	#D5DAD9

#B5B5DA #BABBD9 #BFC1D9 #C5C7D9 #CACDD9 #CFD3D9 #D5DAD9

#B5B5DA - #D5DAD9

HSV Blend

#B5B5DA - #D5DAD9 | 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 #B5B5DA as 0% and #D5DAD9 as 100%.

0.0%	0.0% #B5B5DA	RGB 181 181 218	#B5B5DA
16.7%	16.7% #BAC0DA	RGB 186 192 218	#BAC0DA
33.3%	33.3% #BFCADA	RGB 191 202 218	#BFCADA
50.0%	50.0% #C5D1DA	RGB 197 209 218	#C5D1DA
66.7%	66.7% #CAD6DA	RGB 202 214 218	#CAD6DA
83.3%	83.3% #CFDADA	RGB 207 218 218	#CFDADA
100.0%	100.0% #D5DAD9	RGB 213 218 217	#D5DAD9

#B5B5DA #BAC0DA #BFCADA #C5D1DA #CAD6DA #CFDADA #D5DAD9

#B5B5DA - #C5D1DA - #D5DAD9

CSS codes

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

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