#CECFC8 - #8F876F | 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 #CECFC8 to #8F876F

#CECFC8 #8F876F

Calculate the color between two colors, #CECFC8 and #8F876F. 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)

#CECFC8 - #8F876F | 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 #CECFC8 as 0% and #8F876F as 100%.

0.0%	0.0% #CECFC8	RGB 206 207 200	#CECFC8
16.7%	16.7% #C3C3B9	RGB 195 195 185	#C3C3B9
33.3%	33.3% #B9B7AA	RGB 185 183 170	#B9B7AA
50.0%	50.0% #AEAB9B	RGB 174 171 155	#AEAB9B
66.7%	66.7% #A49F8C	RGB 164 159 140	#A49F8C
83.3%	83.3% #99937D	RGB 153 147 125	#99937D
100.0%	100.0% #8F876F	RGB 143 135 111	#8F876F

#CECFC8 #C3C3B9 #B9B7AA #AEAB9B #A49F8C #99937D #8F876F

#CECFC8 - #8F876F

HSV Blend

#CECFC8 - #8F876F | 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 #CECFC8 as 0% and #8F876F as 100%.

0.0%	0.0% #CECFC8	RGB 206 207 200	#CECFC8
16.7%	16.7% #C3C4B7	RGB 195 196 183	#C3C4B7
33.3%	33.3% #B9B9A7	RGB 185 185 167	#B9B9A7
50.0%	50.0% #AFAD98	RGB 175 173 152	#AFAD98
66.7%	66.7% #A4A189	RGB 164 161 137	#A4A189
83.3%	83.3% #99947C	RGB 153 148 124	#99947C
100.0%	100.0% #8F876F	RGB 143 135 111	#8F876F

#CECFC8 #C3C4B7 #B9B9A7 #AFAD98 #A4A189 #99947C #8F876F

#CECFC8 - #AFAD98 - #8F876F

CSS codes

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

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