#CCCCC8 - #9F9477 | 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 #CCCCC8 to #9F9477

#CCCCC8 #9F9477

Calculate the color between two colors, #CCCCC8 and #9F9477. 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)

#CCCCC8 - #9F9477 | 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 #CCCCC8 as 0% and #9F9477 as 100%.

0.0%	0.0% #CCCCC8	RGB 204 204 200	#CCCCC8
16.7%	16.7% #C4C2BA	RGB 196 194 186	#C4C2BA
33.3%	33.3% #BDB9AD	RGB 189 185 173	#BDB9AD
50.0%	50.0% #B5B09F	RGB 181 176 159	#B5B09F
66.7%	66.7% #AEA692	RGB 174 166 146	#AEA692
83.3%	83.3% #A69D84	RGB 166 157 132	#A69D84
100.0%	100.0% #9F9477	RGB 159 148 119	#9F9477

#CCCCC8 #C4C2BA #BDB9AD #B5B09F #AEA692 #A69D84 #9F9477

#CCCCC8 - #9F9477

HSV Blend

#CCCCC8 - #9F9477 | 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 #CCCCC8 as 0% and #9F9477 as 100%.

0.0%	0.0% #CCCCC8	RGB 204 204 200	#CCCCC8
16.7%	16.7% #C4C3B9	RGB 196 195 185	#C4C3B9
33.3%	33.3% #BDBBAA	RGB 189 187 170	#BDBBAA
50.0%	50.0% #B5B29C	RGB 181 178 156	#B5B29C
66.7%	66.7% #AEA88F	RGB 174 168 143	#AEA88F
83.3%	83.3% #A69E83	RGB 166 158 131	#A69E83
100.0%	100.0% #9F9477	RGB 159 148 119	#9F9477

#CCCCC8 #C4C3B9 #BDBBAA #B5B29C #AEA88F #A69E83 #9F9477

#CCCCC8 - #B5B29C - #9F9477

CSS codes

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

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