#CCCEAF - #8F995A | 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 #CCCEAF to #8F995A

#CCCEAF #8F995A

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

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

0.0%	0.0% #CCCEAF	RGB 204 206 175	#CCCEAF
16.7%	16.7% #C1C5A0	RGB 193 197 160	#C1C5A0
33.3%	33.3% #B7BC92	RGB 183 188 146	#B7BC92
50.0%	50.0% #ADB384	RGB 173 179 132	#ADB384
66.7%	66.7% #A3AA76	RGB 163 170 118	#A3AA76
83.3%	83.3% #99A168	RGB 153 161 104	#99A168
100.0%	100.0% #8F995A	RGB 143 153 90	#8F995A

#CCCEAF #C1C5A0 #B7BC92 #ADB384 #A3AA76 #99A168 #8F995A

#CCCEAF - #8F995A

HSV Blend

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

0.0%	0.0% #CCCEAF	RGB 204 206 175	#CCCEAF
16.7%	16.7% #C2C59E	RGB 194 197 158	#C2C59E
33.3%	33.3% #B8BC8F	RGB 184 188 143	#B8BC8F
50.0%	50.0% #ADB381	RGB 173 179 129	#ADB381
66.7%	66.7% #A3AA73	RGB 163 170 115	#A3AA73
83.3%	83.3% #99A166	RGB 153 161 102	#99A166
100.0%	100.0% #8F995A	RGB 143 153 90	#8F995A

#CCCEAF #C2C59E #B8BC8F #ADB381 #A3AA73 #99A166 #8F995A

#CCCEAF - #ADB381 - #8F995A

CSS codes

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

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