#C8C0B2 - #EFEDE9 | 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 #C8C0B2 to #EFEDE9

#C8C0B2 #EFEDE9

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

#C8C0B2 - #EFEDE9 | 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 #C8C0B2 as 0% and #EFEDE9 as 100%.

0.0%	0.0% #C8C0B2	RGB 200 192 178	#C8C0B2
16.7%	16.7% #CEC7BB	RGB 206 199 187	#CEC7BB
33.3%	33.3% #D5CFC4	RGB 213 207 196	#D5CFC4
50.0%	50.0% #DBD6CD	RGB 219 214 205	#DBD6CD
66.7%	66.7% #E2DED6	RGB 226 222 214	#E2DED6
83.3%	83.3% #E8E5DF	RGB 232 229 223	#E8E5DF
100.0%	100.0% #EFEDE9	RGB 239 237 233	#EFEDE9

#C8C0B2 #CEC7BB #D5CFC4 #DBD6CD #E2DED6 #E8E5DF #EFEDE9

#C8C0B2 - #EFEDE9

HSV Blend

#C8C0B2 - #EFEDE9 | 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 #C8C0B2 as 0% and #EFEDE9 as 100%.

0.0%	0.0% #C8C0B2	RGB 200 192 178	#C8C0B2
16.7%	16.7% #CEC7BA	RGB 206 199 186	#CEC7BA
33.3%	33.3% #D5CEC3	RGB 213 206 195	#D5CEC3
50.0%	50.0% #DBD6CC	RGB 219 214 204	#DBD6CC
66.7%	66.7% #E2DDD5	RGB 226 221 213	#E2DDD5
83.3%	83.3% #E8E5DF	RGB 232 229 223	#E8E5DF
100.0%	100.0% #EFEDE9	RGB 239 237 233	#EFEDE9

#C8C0B2 #CEC7BA #D5CEC3 #DBD6CC #E2DDD5 #E8E5DF #EFEDE9

#C8C0B2 - #DBD6CC - #EFEDE9

CSS codes

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

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