#BABBD2 - #DBDCD4 | 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 #BABBD2 to #DBDCD4

#BABBD2 #DBDCD4

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

#BABBD2 - #DBDCD4 | 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 #BABBD2 as 0% and #DBDCD4 as 100%.

0.0%	0.0% #BABBD2	RGB 186 187 210	#BABBD2
16.7%	16.7% #BFC0D2	RGB 191 192 210	#BFC0D2
33.3%	33.3% #C5C6D2	RGB 197 198 210	#C5C6D2
50.0%	50.0% #CACBD3	RGB 202 203 211	#CACBD3
66.7%	66.7% #D0D1D3	RGB 208 209 211	#D0D1D3
83.3%	83.3% #D5D6D3	RGB 213 214 211	#D5D6D3
100.0%	100.0% #DBDCD4	RGB 219 220 212	#DBDCD4

#BABBD2 #BFC0D2 #C5C6D2 #CACBD3 #D0D1D3 #D5D6D3 #DBDCD4

#BABBD2 - #DBDCD4

HSV Blend

#BABBD2 - #DBDCD4 | 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 #BABBD2 as 0% and #DBDCD4 as 100%.

0.0%	0.0% #BABBD2	RGB 186 187 210	#BABBD2
16.7%	16.7% #BEC9D3	RGB 190 201 211	#BEC9D3
33.3%	33.3% #C2D5D5	RGB 194 213 213	#C2D5D5
50.0%	50.0% #C6D7CF	RGB 198 215 207	#C6D7CF
66.7%	66.7% #CBD8CC	RGB 203 216 204	#CBD8CC
83.3%	83.3% #D3DACF	RGB 211 218 207	#D3DACF
100.0%	100.0% #DBDCD4	RGB 219 220 212	#DBDCD4

#BABBD2 #BEC9D3 #C2D5D5 #C6D7CF #CBD8CC #D3DACF #DBDCD4

#BABBD2 - #C6D7CF - #DBDCD4

CSS codes

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

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