#CED0CB - #879D7A | 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 #CED0CB to #879D7A

#CED0CB #879D7A

Calculate the color between two colors, #CED0CB and #879D7A. 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)

#CED0CB - #879D7A | 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 #CED0CB as 0% and #879D7A as 100%.

0.0%	0.0% #CED0CB	RGB 206 208 203	#CED0CB
16.7%	16.7% #C2C7BD	RGB 194 199 189	#C2C7BD
33.3%	33.3% #B6BFB0	RGB 182 191 176	#B6BFB0
50.0%	50.0% #AAB6A2	RGB 170 182 162	#AAB6A2
66.7%	66.7% #9EAE95	RGB 158 174 149	#9EAE95
83.3%	83.3% #92A587	RGB 146 165 135	#92A587
100.0%	100.0% #879D7A	RGB 135 157 122	#879D7A

#CED0CB #C2C7BD #B6BFB0 #AAB6A2 #9EAE95 #92A587 #879D7A

#CED0CB - #879D7A

HSV Blend

#CED0CB - #879D7A | 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 #CED0CB as 0% and #879D7A as 100%.

0.0%	0.0% #CED0CB	RGB 206 208 203	#CED0CB
16.7%	16.7% #C2C7BC	RGB 194 199 188	#C2C7BC
33.3%	33.3% #B6BFAD	RGB 182 191 173	#B6BFAD
50.0%	50.0% #AAB69F	RGB 170 182 159	#AAB69F
66.7%	66.7% #9EAE92	RGB 158 174 146	#9EAE92
83.3%	83.3% #92A586	RGB 146 165 134	#92A586
100.0%	100.0% #879D7A	RGB 135 157 122	#879D7A

#CED0CB #C2C7BC #B6BFAD #AAB69F #9EAE92 #92A586 #879D7A

#CED0CB - #AAB69F - #879D7A

CSS codes

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

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