#B7B8DC - #D6DBDB | 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 #B7B8DC to #D6DBDB

#B7B8DC #D6DBDB

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

#B7B8DC - #D6DBDB | 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 #B7B8DC as 0% and #D6DBDB as 100%.

0.0%	0.0% #B7B8DC	RGB 183 184 220	#B7B8DC
16.7%	16.7% #BCBDDB	RGB 188 189 219	#BCBDDB
33.3%	33.3% #C1C3DB	RGB 193 195 219	#C1C3DB
50.0%	50.0% #C6C9DB	RGB 198 201 219	#C6C9DB
66.7%	66.7% #CBCFDB	RGB 203 207 219	#CBCFDB
83.3%	83.3% #D0D5DB	RGB 208 213 219	#D0D5DB
100.0%	100.0% #D6DBDB	RGB 214 219 219	#D6DBDB

#B7B8DC #BCBDDB #C1C3DB #C6C9DB #CBCFDB #D0D5DB #D6DBDB

#B7B8DC - #D6DBDB

HSV Blend

#B7B8DC - #D6DBDB | 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 #B7B8DC as 0% and #D6DBDB as 100%.

0.0%	0.0% #B7B8DC	RGB 183 184 220	#B7B8DC
16.7%	16.7% #BCC2DB	RGB 188 194 219	#BCC2DB
33.3%	33.3% #C1CADB	RGB 193 202 219	#C1CADB
50.0%	50.0% #C6D1DB	RGB 198 209 219	#C6D1DB
66.7%	66.7% #CBD6DB	RGB 203 214 219	#CBD6DB
83.3%	83.3% #D0D9DB	RGB 208 217 219	#D0D9DB
100.0%	100.0% #D6DBDB	RGB 214 219 219	#D6DBDB

#B7B8DC #BCC2DB #C1CADB #C6D1DB #CBD6DB #D0D9DB #D6DBDB

#B7B8DC - #C6D1DB - #D6DBDB

CSS codes

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

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