#C0BC9A - #EDEBE2 | 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 #C0BC9A to #EDEBE2

#C0BC9A #EDEBE2

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

#C0BC9A - #EDEBE2 | 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 #C0BC9A as 0% and #EDEBE2 as 100%.

0.0%	0.0% #C0BC9A	RGB 192 188 154	#C0BC9A
16.7%	16.7% #C7C3A6	RGB 199 195 166	#C7C3A6
33.3%	33.3% #CFCBB2	RGB 207 203 178	#CFCBB2
50.0%	50.0% #D6D3BE	RGB 214 211 190	#D6D3BE
66.7%	66.7% #DEDBCA	RGB 222 219 202	#DEDBCA
83.3%	83.3% #E5E3D6	RGB 229 227 214	#E5E3D6
100.0%	100.0% #EDEBE2	RGB 237 235 226	#EDEBE2

#C0BC9A #C7C3A6 #CFCBB2 #D6D3BE #DEDBCA #E5E3D6 #EDEBE2

#C0BC9A - #EDEBE2

HSV Blend

#C0BC9A - #EDEBE2 | 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 #C0BC9A as 0% and #EDEBE2 as 100%.

0.0%	0.0% #C0BC9A	RGB 192 188 154	#C0BC9A
16.7%	16.7% #C7C3A5	RGB 199 195 165	#C7C3A5
33.3%	33.3% #CFCBB0	RGB 207 203 176	#CFCBB0
50.0%	50.0% #D6D2BC	RGB 214 210 188	#D6D2BC
66.7%	66.7% #DEDAC8	RGB 222 218 200	#DEDAC8
83.3%	83.3% #E5E2D5	RGB 229 226 213	#E5E2D5
100.0%	100.0% #EDEBE2	RGB 237 235 226	#EDEBE2

#C0BC9A #C7C3A5 #CFCBB0 #D6D2BC #DEDAC8 #E5E2D5 #EDEBE2

#C0BC9A - #D6D2BC - #EDEBE2

CSS codes

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

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