#CCCEC7 - #7F8F77 | 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 #CCCEC7 to #7F8F77

#CCCEC7 #7F8F77

Calculate the color between two colors, #CCCEC7 and #7F8F77. 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)

#CCCEC7 - #7F8F77 | 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 #CCCEC7 as 0% and #7F8F77 as 100%.

0.0%	0.0% #CCCEC7	RGB 204 206 199	#CCCEC7
16.7%	16.7% #BFC3B9	RGB 191 195 185	#BFC3B9
33.3%	33.3% #B2B9AC	RGB 178 185 172	#B2B9AC
50.0%	50.0% #A5AE9F	RGB 165 174 159	#A5AE9F
66.7%	66.7% #98A491	RGB 152 164 145	#98A491
83.3%	83.3% #8B9984	RGB 139 153 132	#8B9984
100.0%	100.0% #7F8F77	RGB 127 143 119	#7F8F77

#CCCEC7 #BFC3B9 #B2B9AC #A5AE9F #98A491 #8B9984 #7F8F77

#CCCEC7 - #7F8F77

HSV Blend

#CCCEC7 - #7F8F77 | 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 #CCCEC7 as 0% and #7F8F77 as 100%.

0.0%	0.0% #CCCEC7	RGB 204 206 199	#CCCEC7
16.7%	16.7% #BFC3B8	RGB 191 195 184	#BFC3B8
33.3%	33.3% #B2B9AA	RGB 178 185 170	#B2B9AA
50.0%	50.0% #A6AE9C	RGB 166 174 156	#A6AE9C
66.7%	66.7% #99A48F	RGB 153 164 143	#99A48F
83.3%	83.3% #8C9983	RGB 140 153 131	#8C9983
100.0%	100.0% #7F8F77	RGB 127 143 119	#7F8F77

#CCCEC7 #BFC3B8 #B2B9AA #A6AE9C #99A48F #8C9983 #7F8F77

#CCCEC7 - #A6AE9C - #7F8F77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCCEC7 0%, #A6AE9C 50%, #7F8F77 100%);
    background: -webkit-linear-gradient(top, #CCCEC7 0%, #A6AE9C 50%, #7F8F77 100%);
    background: linear-gradient(to bottom, #CCCEC7 0%, #A6AE9C 50%, #7F8F77 100%);
}
</style>