#BBB9C0 - #DAE5CC | 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 #BBB9C0 to #DAE5CC

#BBB9C0 #DAE5CC

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

#BBB9C0 - #DAE5CC | 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 #BBB9C0 as 0% and #DAE5CC as 100%.

0.0%	0.0% #BBB9C0	RGB 187 185 192	#BBB9C0
16.7%	16.7% #C0C0C2	RGB 192 192 194	#C0C0C2
33.3%	33.3% #C5C7C4	RGB 197 199 196	#C5C7C4
50.0%	50.0% #CACFC6	RGB 202 207 198	#CACFC6
66.7%	66.7% #CFD6C8	RGB 207 214 200	#CFD6C8
83.3%	83.3% #D4DDCA	RGB 212 221 202	#D4DDCA
100.0%	100.0% #DAE5CC	RGB 218 229 204	#DAE5CC

#BBB9C0 #C0C0C2 #C5C7C4 #CACFC6 #CFD6C8 #D4DDCA #DAE5CC

#BBB9C0 - #DAE5CC

HSV Blend

#BBB9C0 - #DAE5CC | 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 #BBB9C0 as 0% and #DAE5CC as 100%.

0.0%	0.0% #BBB9C0	RGB 187 185 192	#BBB9C0
16.7%	16.7% #BCBEC6	RGB 188 190 198	#BCBEC6
33.3%	33.3% #BFC8CC	RGB 191 200 204	#BFC8CC
50.0%	50.0% #C3D2D0	RGB 195 210 208	#C3D2D0
66.7%	66.7% #C6D8CD	RGB 198 216 205	#C6D8CD
83.3%	83.3% #CBDEC9	RGB 203 222 201	#CBDEC9
100.0%	100.0% #DAE5CC	RGB 218 229 204	#DAE5CC

#BBB9C0 #BCBEC6 #BFC8CC #C3D2D0 #C6D8CD #CBDEC9 #DAE5CC

#BBB9C0 - #C3D2D0 - #DAE5CC

CSS codes

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

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