#CECFCB - #8B9A7A | 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 #CECFCB to #8B9A7A

#CECFCB #8B9A7A

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

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

0.0%	0.0% #CECFCB	RGB 206 207 203	#CECFCB
16.7%	16.7% #C2C6BD	RGB 194 198 189	#C2C6BD
33.3%	33.3% #B7BDB0	RGB 183 189 176	#B7BDB0
50.0%	50.0% #ACB4A2	RGB 172 180 162	#ACB4A2
66.7%	66.7% #A1AB95	RGB 161 171 149	#A1AB95
83.3%	83.3% #96A287	RGB 150 162 135	#96A287
100.0%	100.0% #8B9A7A	RGB 139 154 122	#8B9A7A

#CECFCB #C2C6BD #B7BDB0 #ACB4A2 #A1AB95 #96A287 #8B9A7A

#CECFCB - #8B9A7A

HSV Blend

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

0.0%	0.0% #CECFCB	RGB 206 207 203	#CECFCB
16.7%	16.7% #C3C6BC	RGB 195 198 188	#C3C6BC
33.3%	33.3% #B8BDAD	RGB 184 189 173	#B8BDAD
50.0%	50.0% #ADB4A0	RGB 173 180 160	#ADB4A0
66.7%	66.7% #A1AB92	RGB 161 171 146	#A1AB92
83.3%	83.3% #96A286	RGB 150 162 134	#96A286
100.0%	100.0% #8B9A7A	RGB 139 154 122	#8B9A7A

#CECFCB #C3C6BC #B8BDAD #ADB4A0 #A1AB92 #96A286 #8B9A7A

#CECFCB - #ADB4A0 - #8B9A7A

CSS codes

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

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