#B2B6DB - #D6DBDA | 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 #B2B6DB to #D6DBDA

#B2B6DB #D6DBDA

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

#B2B6DB - #D6DBDA | 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 #B2B6DB as 0% and #D6DBDA as 100%.

0.0%	0.0% #B2B6DB	RGB 178 182 219	#B2B6DB
16.7%	16.7% #B8BCDA	RGB 184 188 218	#B8BCDA
33.3%	33.3% #BEC2DA	RGB 190 194 218	#BEC2DA
50.0%	50.0% #C4C8DA	RGB 196 200 218	#C4C8DA
66.7%	66.7% #CACEDA	RGB 202 206 218	#CACEDA
83.3%	83.3% #D0D4DA	RGB 208 212 218	#D0D4DA
100.0%	100.0% #D6DBDA	RGB 214 219 218	#D6DBDA

#B2B6DB #B8BCDA #BEC2DA #C4C8DA #CACEDA #D0D4DA #D6DBDA

#B2B6DB - #D6DBDA

HSV Blend

#B2B6DB - #D6DBDA | 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 #B2B6DB as 0% and #D6DBDA as 100%.

0.0%	0.0% #B2B5DB	RGB 178 181 219	#B2B5DB
16.7%	16.7% #B8C1DB	RGB 184 193 219	#B8C1DB
33.3%	33.3% #BECBDB	RGB 190 203 219	#BECBDB
50.0%	50.0% #C4D2DB	RGB 196 210 219	#C4D2DB
66.7%	66.7% #CAD8DB	RGB 202 216 219	#CAD8DB
83.3%	83.3% #D0DBDA	RGB 208 219 218	#D0DBDA
100.0%	100.0% #D6DBDA	RGB 214 219 218	#D6DBDA

#B2B5DB #B8C1DB #BECBDB #C4D2DB #CAD8DB #D0DBDA #D6DBDA

#B2B6DB - #C4D2DB - #D6DBDA

CSS codes

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

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