#BAC1B9 - #DCCAE3 | 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 #BAC1B9 to #DCCAE3

#BAC1B9 #DCCAE3

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

#BAC1B9 - #DCCAE3 | 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 #BAC1B9 as 0% and #DCCAE3 as 100%.

0.0%	0.0% #BAC1B9	RGB 186 193 185	#BAC1B9
16.7%	16.7% #BFC2C0	RGB 191 194 192	#BFC2C0
33.3%	33.3% #C5C4C7	RGB 197 196 199	#C5C4C7
50.0%	50.0% #CBC5CE	RGB 203 197 206	#CBC5CE
66.7%	66.7% #D0C7D5	RGB 208 199 213	#D0C7D5
83.3%	83.3% #D6C8DC	RGB 214 200 220	#D6C8DC
100.0%	100.0% #DCCAE3	RGB 220 202 227	#DCCAE3

#BAC1B9 #BFC2C0 #C5C4C7 #CBC5CE #D0C7D5 #D6C8DC #DCCAE3

#BAC1B9 - #DCCAE3

HSV Blend

#BAC1B9 - #DCCAE3 | 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 #BAC1B9 as 0% and #DCCAE3 as 100%.

0.0%	0.0% #BAC1B9	RGB 186 193 185	#BAC1B9
16.7%	16.7% #BCC6BF	RGB 188 198 191	#BCC6BF
33.3%	33.3% #BFCCCA	RGB 191 204 202	#BFCCCA
50.0%	50.0% #C2CDD2	RGB 194 205 210	#C2CDD2
66.7%	66.7% #C4C9D7	RGB 196 201 215	#C4C9D7
83.3%	83.3% #CCC7DD	RGB 204 199 221	#CCC7DD
100.0%	100.0% #DCCAE3	RGB 220 202 227	#DCCAE3

#BAC1B9 #BCC6BF #BFCCCA #C2CDD2 #C4C9D7 #CCC7DD #DCCAE3

#BAC1B9 - #C2CDD2 - #DCCAE3

CSS codes

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

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