#CCCEC7 - #76896F | 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 #76896F

#CCCEC7 #76896F

Calculate the color between two colors, #CCCEC7 and #76896F. 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 - #76896F | 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 #76896F as 100%.

0.0%	0.0% #CCCEC7	RGB 204 206 199	#CCCEC7
16.7%	16.7% #BDC2B8	RGB 189 194 184	#BDC2B8
33.3%	33.3% #AFB7A9	RGB 175 183 169	#AFB7A9
50.0%	50.0% #A1AB9B	RGB 161 171 155	#A1AB9B
66.7%	66.7% #92A08C	RGB 146 160 140	#92A08C
83.3%	83.3% #84947D	RGB 132 148 125	#84947D
100.0%	100.0% #76896F	RGB 118 137 111	#76896F

#CCCEC7 #BDC2B8 #AFB7A9 #A1AB9B #92A08C #84947D #76896F

#CCCEC7 - #76896F

HSV Blend

#CCCEC7 - #76896F | 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 #76896F as 100%.

0.0%	0.0% #CCCEC7	RGB 204 206 199	#CCCEC7
16.7%	16.7% #BEC2B6	RGB 190 194 182	#BEC2B6
33.3%	33.3% #B0B7A7	RGB 176 183 167	#B0B7A7
50.0%	50.0% #A1AB98	RGB 161 171 152	#A1AB98
66.7%	66.7% #93A089	RGB 147 160 137	#93A089
83.3%	83.3% #84947C	RGB 132 148 124	#84947C
100.0%	100.0% #76896F	RGB 118 137 111	#76896F

#CCCEC7 #BEC2B6 #B0B7A7 #A1AB98 #93A089 #84947C #76896F

#CCCEC7 - #A1AB98 - #76896F

CSS codes

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

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