#BAC6BA - #DBCBDF | 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 #BAC6BA to #DBCBDF

#BAC6BA #DBCBDF

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

#BAC6BA - #DBCBDF | 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 #BAC6BA as 0% and #DBCBDF as 100%.

0.0%	0.0% #BAC6BA	RGB 186 198 186	#BAC6BA
16.7%	16.7% #BFC6C0	RGB 191 198 192	#BFC6C0
33.3%	33.3% #C5C7C6	RGB 197 199 198	#C5C7C6
50.0%	50.0% #CAC8CC	RGB 202 200 204	#CAC8CC
66.7%	66.7% #D0C9D2	RGB 208 201 210	#D0C9D2
83.3%	83.3% #D5CAD8	RGB 213 202 216	#D5CAD8
100.0%	100.0% #DBCBDF	RGB 219 203 223	#DBCBDF

#BAC6BA #BFC6C0 #C5C7C6 #CAC8CC #D0C9D2 #D5CAD8 #DBCBDF

#BAC6BA - #DBCBDF

HSV Blend

#BAC6BA - #DBCBDF | 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 #BAC6BA as 0% and #DBCBDF as 100%.

0.0%	0.0% #BAC6BA	RGB 186 198 186	#BAC6BA
16.7%	16.7% #BCCAC3	RGB 188 202 195	#BCCAC3
33.3%	33.3% #BFCECD	RGB 191 206 205	#BFCECD
50.0%	50.0% #C2CCD2	RGB 194 204 210	#C2CCD2
66.7%	66.7% #C5C7D6	RGB 197 199 214	#C5C7D6
83.3%	83.3% #CEC8DA	RGB 206 200 218	#CEC8DA
100.0%	100.0% #DBCBDF	RGB 219 203 223	#DBCBDF

#BAC6BA #BCCAC3 #BFCECD #C2CCD2 #C5C7D6 #CEC8DA #DBCBDF

#BAC6BA - #C2CCD2 - #DBCBDF

CSS codes

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

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