#C0BDBA - #EBD5CF | 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 #C0BDBA to #EBD5CF

#C0BDBA #EBD5CF

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

#C0BDBA - #EBD5CF | 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 #C0BDBA as 0% and #EBD5CF as 100%.

0.0%	0.0% #C0BDBA	RGB 192 189 186	#C0BDBA
16.7%	16.7% #C7C1BD	RGB 199 193 189	#C7C1BD
33.3%	33.3% #CEC5C1	RGB 206 197 193	#CEC5C1
50.0%	50.0% #D5C9C4	RGB 213 201 196	#D5C9C4
66.7%	66.7% #DCCDC8	RGB 220 205 200	#DCCDC8
83.3%	83.3% #E3D1CB	RGB 227 209 203	#E3D1CB
100.0%	100.0% #EBD5CF	RGB 235 213 207	#EBD5CF

#C0BDBA #C7C1BD #CEC5C1 #D5C9C4 #DCCDC8 #E3D1CB #EBD5CF

#C0BDBA - #EBD5CF

HSV Blend

#C0BDBA - #EBD5CF | 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 #C0BDBA as 0% and #EBD5CF as 100%.

0.0%	0.0% #C0BDBA	RGB 192 189 186	#C0BDBA
16.7%	16.7% #C7C2BE	RGB 199 194 190	#C7C2BE
33.3%	33.3% #CEC6C1	RGB 206 198 193	#CEC6C1
50.0%	50.0% #D5CBC5	RGB 213 203 197	#D5CBC5
66.7%	66.7% #DCCEC8	RGB 220 206 200	#DCCEC8
83.3%	83.3% #E3D2CC	RGB 227 210 204	#E3D2CC
100.0%	100.0% #EBD5CF	RGB 235 213 207	#EBD5CF

#C0BDBA #C7C2BE #CEC6C1 #D5CBC5 #DCCEC8 #E3D2CC #EBD5CF

#C0BDBA - #D5CBC5 - #EBD5CF

CSS codes

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

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