#C0BFB2 - #CECCE5 | 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 #C0BFB2 to #CECCE5

#C0BFB2 #CECCE5

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

#C0BFB2 - #CECCE5 | 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 #C0BFB2 as 0% and #CECCE5 as 100%.

0.0%	0.0% #C0BFB2	RGB 192 191 178	#C0BFB2
16.7%	16.7% #C2C1BA	RGB 194 193 186	#C2C1BA
33.3%	33.3% #C4C3C3	RGB 196 195 195	#C4C3C3
50.0%	50.0% #C7C5CB	RGB 199 197 203	#C7C5CB
66.7%	66.7% #C9C7D4	RGB 201 199 212	#C9C7D4
83.3%	83.3% #CBC9DC	RGB 203 201 220	#CBC9DC
100.0%	100.0% #CECCE5	RGB 206 204 229	#CECCE5

#C0BFB2 #C2C1BA #C4C3C3 #C7C5CB #C9C7D4 #CBC9DC #CECCE5

#C0BFB2 - #CECCE5

HSV Blend

#C0BFB2 - #CECCE5 | 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 #C0BFB2 as 0% and #CECCE5 as 100%.

0.0%	0.0% #C0BFB2	RGB 192 191 178	#C0BFB2
16.7%	16.7% #C6BDB6	RGB 198 189 182	#C6BDB6
33.3%	33.3% #CCBABB	RGB 204 186 187	#CCBABB
50.0%	50.0% #D2BFC8	RGB 210 191 200	#D2BFC8
66.7%	66.7% #D8C3D8	RGB 216 195 216	#D8C3D8
83.3%	83.3% #D4C7DE	RGB 212 199 222	#D4C7DE
100.0%	100.0% #CECCE5	RGB 206 204 229	#CECCE5

#C0BFB2 #C6BDB6 #CCBABB #D2BFC8 #D8C3D8 #D4C7DE #CECCE5

#C0BFB2 - #D2BFC8 - #CECCE5

CSS codes

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

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