#C0BCB9 - #FFF9D2 | 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 #C0BCB9 to #FFF9D2

#C0BCB9 #FFF9D2

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

#C0BCB9 - #FFF9D2 | 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 #C0BCB9 as 0% and #FFF9D2 as 100%.

0.0%	0.0% #C0BCB9	RGB 192 188 185	#C0BCB9
16.7%	16.7% #CAC6BD	RGB 202 198 189	#CAC6BD
33.3%	33.3% #D5D0C1	RGB 213 208 193	#D5D0C1
50.0%	50.0% #DFDAC5	RGB 223 218 197	#DFDAC5
66.7%	66.7% #EAE4C9	RGB 234 228 201	#EAE4C9
83.3%	83.3% #F4EECD	RGB 244 238 205	#F4EECD
100.0%	100.0% #FFF9D2	RGB 255 249 210	#FFF9D2

#C0BCB9 #CAC6BD #D5D0C1 #DFDAC5 #EAE4C9 #F4EECD #FFF9D2

#C0BCB9 - #FFF9D2

HSV Blend

#C0BCB9 - #FFF9D2 | 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 #C0BCB9 as 0% and #FFF9D2 as 100%.

0.0%	0.0% #C0BCB9	RGB 192 188 185	#C0BCB9
16.7%	16.7% #CAC4BE	RGB 202 196 190	#CAC4BE
33.3%	33.3% #D5CDC3	RGB 213 205 195	#D5CDC3
50.0%	50.0% #DFD7C7	RGB 223 215 199	#DFD7C7
66.7%	66.7% #EAE1CB	RGB 234 225 203	#EAE1CB
83.3%	83.3% #F4ECCF	RGB 244 236 207	#F4ECCF
100.0%	100.0% #FFF9D2	RGB 255 249 210	#FFF9D2

#C0BCB9 #CAC4BE #D5CDC3 #DFD7C7 #EAE1CB #F4ECCF #FFF9D2

#C0BCB9 - #DFD7C7 - #FFF9D2

CSS codes

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

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